html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.italic {
    font-style: italic;
}

/* Highlight active menu item like hover */
.niveau-1.active > a,
.niveau-1.active > a:hover {
    background: #FF3F17 !important;
    color: #fff !important;
}


#chapters-iframe {
    width: 100%;
    height: 500px;
}

/* //jeb go back to minifying this at the end and/or remove unneeded rules, google tool, file too big */
/* color: #FF3F17 -> #299501 -> #154406 */

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    line-height: 1;
    color: #222222;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.body {
    margin: 25px 100px;
}

a img {
    border: none;
}

a {
    color: #2ba6cb;
    text-decoration: none;
    line-height: inherit;
}

    a:hover {
        color: #2795b6;
    }

    a:focus {
        color: #2795b6;
    }

p a,
p a:visited {
    line-height: inherit;
}

.left {
    float: left;
}

.right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.hide {
    display: none;
}

.hide-override {
    display: none !important;
}

.highlight {
    background: #ffff99;
}

#googlemap img,
object,
embed {
    max-width: none;
}

#map_canvas embed {
    max-width: none;
}

#map_canvas img {
    max-width: none;
}

#map_canvas object {
    max-width: none;
}

figure {
    margin: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 14px;
    direction: ltr;
}

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 10px;
}

    p.lead {
        font-size: 12.5px;
        line-height: 1.6;
        margin-bottom: 10px;
    }

aside p {
    font-size: 9px;
    line-height: 1.35;
    font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    margin-bottom: 50px;
    margin-top: 50px;
    text-align: center;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        font-size: 60%;
        color: #6f6f6f;
        line-height: 0;
    }

h1 {
    font-size: 45px !important;
}

h2 {
    font-size: 35px !important;
}

h3 {
    font-size: 17px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 10px;
}

h6 {
    font-size: 10px;
}

hr {
    border: solid #dddddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 22px 0 21px;
    height: 0;
}

.subheader {
    line-height: 1.3;
    color: #6f6f6f;
    font-weight: 300;
    margin-bottom: 10px;
}

em,
i {
    font-style: italic;
    line-height: inherit;
}

strong,
b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 60%;
    line-height: inherit;
}

code {
    font-weight: bold;
    background: #ffff99;
}

ul,
ol,
dl {
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 10px;
    list-style-position: outside;
}

    ul li ul,
    ul li ol {
        margin-left: 20px;
        margin-bottom: 0;
    }

    ul.square,
    ul.circle,
    ul.disc {
        margin-left: 10px;
    }

    ul.square {
        list-style-type: square;
    }

        ul.square li ul {
            list-style: inherit;
        }

    ul.circle {
        list-style-type: circle;
    }

        ul.circle li ul {
            list-style: inherit;
        }

    ul.disc {
        list-style-type: disc;
    }

        ul.disc li ul {
            list-style: inherit;
        }

    ul.no-bullet {
        list-style: none;
    }

    ul.large li {
        line-height: 21px;
    }

ol {
    margin-left: 20px;
}

    ol li ul,
    ol li ol {
        margin-left: 20px;
        margin-bottom: 0;
    }

blockquote,
blockquote p {
    line-height: 1.5;
    color: #6f6f6f;
}

blockquote {
    margin: 0 0 10px;
    padding: 9px 20px 0 19px;
    border-left: 1px solid #dddddd;
}

    blockquote cite {
        display: block;
        font-size: 9px;
        color: #555555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a,
        blockquote cite a:visited {
            color: #555555;
        }

abbr,
acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #222222;
    border-bottom: 1px solid #dddddd;
    cursor: help;
}

abbr {
    text-transform: none;
}

.print-only {
    display: none !important;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}

form {
    margin: 0 0 19.41641px;
}

.row form .row {
    margin: 0 -6px;
}

    .row form .row .column,
    .row form .row .columns {
        padding: 0 6px;
    }

    .row form .row.collapse {
        margin: 0;
    }

        .row form .row.collapse .column,
        .row form .row.collapse .columns {
            padding: 0;
        }

label {
    font-size: 10px;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-weight: 500;
    margin-bottom: 3px;
}

    label.right {
        float: none;
        text-align: right;
    }

    label.inline {
        line-height: 28px;
        margin: 0 0 12px 0;
    }

.prefix,
.postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    height: 28px;
    line-height: 27px;
}

a.button.prefix,
a.button.postfix {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

span.prefix,
span.postfix {
    background: #f2f2f2;
    border: 1px solid #cccccc;
}

.prefix {
    left: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    overflow: hidden;
}

.postfix {
    right: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
    background-color: #fefdf5;
    font-family: inherit;
    border: 1px solid #e4e3bd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.05);
    inset 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.05);
    color: #4f4f49;
    display: block;
    font-size: 1.3em;
    margin: 0 0 12px 0;
    padding: 5px 8px;
    height: 28px;
    width: 100%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-appearance: none;
}

    input[type="text"].oversize,
    input[type="password"].oversize,
    input[type="date"].oversize,
    input[type="datetime"].oversize,
    input[type="email"].oversize,
    input[type="number"].oversize,
    input[type="search"].oversize,
    input[type="tel"].oversize,
    input[type="time"].oversize,
    input[type="url"].oversize,
    textarea.oversize {
        font-size: 10px;
        padding: 4px 6px;
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="email"]:focus,
    input[type="number"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    textarea:focus {
        background-color: #FFFFFF;
        border-color: #154406;
    }

    input[type="text"][disabled],
    input[type="password"][disabled],
    input[type="date"][disabled],
    input[type="datetime"][disabled],
    input[type="email"][disabled],
    input[type="number"][disabled],
    input[type="search"][disabled],
    input[type="tel"][disabled],
    input[type="time"][disabled],
    input[type="url"][disabled],
    textarea[disabled] {
        background-color: #ffffff;
        border: 1px solid #e7e7e7;
    }

textarea {
    height: auto;
}

select {
    width: 100%;
}

fieldset {
    border: solid 1px #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 12px;
    margin: 18px 0;
}

    fieldset legend {
        font-weight: bold;
        background: white;
        padding: 0 3px;
        margin: 0;
        margin-left: -3px;
    }

.error input,
input.error,
.error textarea,
textarea.error,
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
}

    .error input:focus,
    input.error:focus,
    .error textarea:focus,
    textarea.error:focus {
        outline-color: #f5797c;
    }

.error label,
label.error {
    color: #c60f13;
}

.error small,
small.error {
    display: block;
    padding: 6px 4px;
    margin-top: -13px;
    margin-bottom: 12px;
    background: #c60f13;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

form.custom {
}

    form.custom span.custom {
        display: inline-block;
        width: 16px;
        height: 16px;
        position: relative;
        top: 2px;
        border: solid 1px #cccccc;
        background: white;
    }

        form.custom span.custom.radio {
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            -ms-border-radius: 100px;
            -o-border-radius: 100px;
            border-radius: 100px;
        }

        form.custom span.custom.checkbox:before {
            content: "";
            display: block;
            line-height: 0.8;
            height: 14px;
            width: 14px;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 14px;
            color: #fff;
        }

        form.custom span.custom.radio.checked:before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            -ms-border-radius: 100px;
            -o-border-radius: 100px;
            border-radius: 100px;
            background: #222222;
            position: relative;
            top: 3px;
            left: 3px;
        }

        form.custom span.custom.checkbox.checked:before {
            content: "\00d7";
            color: #222222;
        }

    form.custom div.custom.dropdown {
        display: block;
        position: relative;
        width: auto !important;
        height: 28px;
        margin-bottom: 9px;
        margin-top: 2px;
    }

        form.custom div.custom.dropdown ul {
            overflow-y: auto;
            max-height: 234px;
        }

        form.custom div.custom.dropdown a.current {
            background: #fefdf5 url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1830px;
            font-family: inherit;
            border: 1px solid #e4e3bd;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: none;
            none;
            box-shadow: none;
            color: #4f4f49;
            display: block;
            font-size: 1.3em;
            margin: 0 0 12px 0;
            padding: 7px 8px;
            height: 28px;
            width: 100%;
            -webkit-transition: none;
            -moz-transition: none;
            -o-transition: none;
            transition: none;
        }

        form.custom div.custom.dropdown a.selector {
            position: absolute;
            width: 8px;
            height: 4px;
            display: block;
            right: 9px;
            top: 12px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1810px -120px;
        }

        form.custom div.custom.dropdown.open ul {
            display: block;
            z-index: 10;
        }

        form.custom div.custom.dropdown.small {
            width: 134px !important;
        }

        form.custom div.custom.dropdown.medium {
            width: 254px !important;
        }

        form.custom div.custom.dropdown.large {
            width: 434px !important;
        }

        form.custom div.custom.dropdown.expand {
            width: 100% !important;
        }

        form.custom div.custom.dropdown.open.small ul {
            width: 134px !important;
        }

        form.custom div.custom.dropdown.open.medium ul {
            width: 254px !important;
        }

        form.custom div.custom.dropdown.open.large ul {
            width: 434px !important;
        }

        form.custom div.custom.dropdown.open.expand ul {
            width: 100% !important;
        }

        form.custom div.custom.dropdown ul {
            position: static;
            width: auto !important;
            display: none;
            margin: 0;
            margin: 0;
            padding: 0;
            background: white;
            background: rgba(255, 255, 255, 0.95);
            border: solid 1px #cccccc;
        }

            form.custom div.custom.dropdown ul li {
                color: #555555;
                font-size: 9px;
                cursor: pointer;
                padding: 3px;
                padding-left: 6px;
                padding-right: 38px;
                min-height: 18px;
                line-height: 18px;
                margin: 0;
                white-space: nowrap;
                list-style: none;
            }

                form.custom div.custom.dropdown ul li.selected {
                    background: #cdebf5;
                    color: black;
                }

                form.custom div.custom.dropdown ul li:hover {
                    background-color: #cdebf5;
                    color: black;
                }

                form.custom div.custom.dropdown ul li.selected:hover {
                    background: #cdebf5;
                    cursor: default;
                    color: black;
                }

            form.custom div.custom.dropdown ul.show {
                display: block;
            }

    form.custom .custom.disabled {
        background-color: #dddddd;
    }

.lt-ie9 form.custom div.custom.dropdown a.selector {
    height: 28px;
}

.row {
    width: 960px;
    max-width: 100%;
    min-width: 768px;
    margin: 0 auto;
}

    .row .row {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0 -10px;
    }

    .row.collapse .column,
    .row.collapse .columns {
        padding: 0;
    }

    .row .row {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0 -10px;
    }

        .row .row.collapse {
            margin: 0;
        }

.column,
.columns {
    float: left;
    min-height: 1px;
    padding: 0 10px;
    position: relative;
}

.center {
    text-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.column.centered,
.columns.centered {
    float: none;
    margin: 0 auto;
}

[class*="column"] + [class*="column"]:last-child {
    float: right;
}

[class*="column"] + [class*="column"].end {
    float: left;
}

.one,
.row .one {
    width: 8.33333%;
}

.two,
.row .two {
    width: 16.66667%;
}

.three,
.row .three {
    width: 25%;
}

.four,
.row .four {
    width: 33.33333%;
}

.five,
.row .five {
    width: 41.66667%;
}

.six,
.row .six {
    width: 50%;
}

.seven,
.row .seven {
    width: 58.33333%;
}

.eight,
.row .eight {
    width: 66.66667%;
}

.nine,
.row .nine {
    width: 75%;
}

.ten,
.row .ten {
    width: 83.33333%;
}

.eleven,
.row .eleven {
    width: 91.66667%;
}

.twelve,
.row .twelve {
    width: 100%;
}

.row .offset-by-one {
    margin-left: 8.33333%;
}

.row .offset-by-two {
    margin-left: 16.66667%;
}

.row .offset-by-three {
    margin-left: 25%;
}

.row .offset-by-four {
    margin-left: 33.33333%;
}

.row .offset-by-five {
    margin-left: 41.66667%;
}

.row .offset-by-six {
    margin-left: 50%;
}

.row .offset-by-seven {
    margin-left: 58.33333%;
}

.row .offset-by-eight {
    margin-left: 66.66667%;
}

.row .offset-by-nine {
    margin-left: 75%;
}

.row .offset-by-ten {
    margin-left: 83.33333%;
}

.push-two {
    left: 16.66667%;
}

.pull-two {
    right: 16.66667%;
}

.push-three {
    left: 25%;
}

.pull-three {
    right: 25%;
}

.push-four {
    left: 33.33333%;
}

.pull-four {
    right: 33.33333%;
}

.push-five {
    left: 41.66667%;
}

.pull-five {
    right: 41.66667%;
}

.push-six {
    left: 50%;
}

.pull-six {
    right: 50%;
}

.push-seven {
    left: 58.33333%;
}

.pull-seven {
    right: 58.33333%;
}

.push-eight {
    left: 66.66667%;
}

.pull-eight {
    right: 66.66667%;
}

.push-nine {
    left: 75%;
}

.pull-nine {
    right: 75%;
}

.push-ten {
    left: 83.33333%;
}

.pull-ten {
    right: 83.33333%;
}

img {
    height: auto;
}

img,
object,
embed {
    max-width: 100%;
    max-height: 500px !important;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.map_canvas img {
    max-width: none !important;
}

.row {
    *zoom: 1;
}

    .row:before,
    .row:after {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

.block-grid {
    display: block;
    overflow: hidden;
    padding: 0;
}

    .block-grid > li {
        display: block;
        height: auto;
        float: left;
    }

    .block-grid.one-up {
        margin: 0;
    }

        .block-grid.one-up > li {
            width: 100%;
            padding: 0 0 15px;
        }

    .block-grid.two-up {
        margin: 0 -15px;
    }

        .block-grid.two-up > li {
            width: 50%;
            padding: 0 15px 15px;
        }

            .block-grid.two-up > li:nth-child(2n+1) {
                clear: both;
            }

    .block-grid.three-up {
        margin: 0 -12px;
    }

        .block-grid.three-up > li {
            width: 33.33333%;
            padding: 0 12px 12px;
        }

            .block-grid.three-up > li:nth-child(3n+1) {
                clear: both;
            }

    .block-grid.four-up {
        margin: 0 -10px;
    }

        .block-grid.four-up > li {
            width: 25%;
            padding: 0 10px 10px;
        }

            .block-grid.four-up > li:nth-child(4n+1) {
                clear: both;
            }

    .block-grid.five-up {
        margin: 0 -8px;
    }

        .block-grid.five-up > li {
            width: 20%;
            padding: 0 8px 8px;
        }

            .block-grid.five-up > li:nth-child(5n+1) {
                clear: both;
            }

    .block-grid.six-up {
        margin: 0 -8px;
    }

        .block-grid.six-up > li {
            width: 16.66667%;
            padding: 0 8px 8px;
        }

            .block-grid.six-up > li:nth-child(6n+1) {
                clear: both;
            }

    .block-grid.seven-up {
        margin: 0 -8px;
    }

        .block-grid.seven-up > li {
            width: 14.28571%;
            padding: 0 8px 8px;
        }

            .block-grid.seven-up > li:nth-child(7n+1) {
                clear: both;
            }

    .block-grid.eight-up {
        margin: 0 -8px;
    }

        .block-grid.eight-up > li {
            width: 12.5%;
            padding: 0 8px 8px;
        }

            .block-grid.eight-up > li:nth-child(8n+1) {
                clear: both;
            }

    .block-grid.nine-up {
        margin: 0 -8px;
    }

        .block-grid.nine-up > li {
            width: 11.11111%;
            padding: 0 8px 8px;
        }

            .block-grid.nine-up > li:nth-child(9n+1) {
                clear: both;
            }

    .block-grid.ten-up {
        margin: 0 -8px;
    }

        .block-grid.ten-up > li {
            width: 10%;
            padding: 0 8px 8px;
        }

            .block-grid.ten-up > li:nth-child(10n+1) {
                clear: both;
            }

    .block-grid.eleven-up {
        margin: 0 -8px;
    }

        .block-grid.eleven-up > li {
            width: 9.09091%;
            padding: 0 8px 8px;
        }

            .block-grid.eleven-up > li:nth-child(11n+1) {
                clear: both;
            }

    .block-grid.twelve-up {
        margin: 0 -8px;
    }

        .block-grid.twelve-up > li {
            width: 8.33333%;
            padding: 0 8px 8px;
        }

            .block-grid.twelve-up > li:nth-child(12n+1) {
                clear: both;
            }

.button {
    width: auto;
    background: #2ba6cb;
    border: 1px solid #1e728c;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out;
}

    .button:hover,
    .button:focus {
        color: white;
        background-color: #2284a1;
    }

    .button:active {
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
    }

    .button.large {
        font-size: 10px;
        padding: 15px 30px 16px;
    }

    .button.medium {
        font-size: 10px;
    }

    .button.small {
        font-size: 7px;
        padding: 7px 14px 8px;
    }

    .button.tiny {
        font-size: 6px;
        padding: 5px 10px 6px;
    }

    .button.expand {
        width: 100%;
        text-align: center;
    }

    .button.primary {
        background-color: #2ba6cb;
        border: 1px solid #1e728c;
    }

        .button.primary:hover,
        .button.primary:focus {
            background-color: #2284a1;
        }

    .button.success {
        background-color: #5da423;
        border: 1px solid #396516;
    }

        .button.success:hover,
        .button.success:focus {
            background-color: #457a1a;
        }

    .button.alert {
        background-color: #c60f13;
        border: 1px solid #7f0a0c;
    }

        .button.alert:hover,
        .button.alert:focus {
            background-color: #970b0e;
        }

    .button.secondary {
        background-color: #e9e9e9;
        color: #1d1d1d;
        border: 1px solid #c3c3c3;
    }

        .button.secondary:hover,
        .button.secondary:focus {
            background-color: #d0d0d0;
        }

    .button.radius {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

    .button.round {
        -webkit-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        -o-border-radius: 1000px;
        border-radius: 1000px;
    }

    .button.full-width {
        width: 100%;
        text-align: center;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .button.left-align {
        text-align: left;
        text-indent: 12px;
    }

    .button.disabled,
    .button[disabled] {
        opacity: 0.6;
        cursor: default;
        background: #2ba6cb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .button.disabled:hover,
        .button[disabled]:hover {
            background: #2ba6cb;
        }

        .button.disabled.success,
        .button[disabled].success {
            background-color: #5da423;
        }

            .button.disabled.success:hover,
            .button.disabled.success:focus,
            .button[disabled].success:hover,
            .button[disabled].success:focus {
                background-color: #5da423;
                outline: none;
            }

        .button.disabled.alert,
        .button[disabled].alert {
            background-color: #c60f13;
        }

            .button.disabled.alert:hover,
            .button.disabled.alert:focus,
            .button[disabled].alert:hover,
            .button[disabled].alert:focus {
                background-color: #c60f13;
                outline: none;
            }

        .button.disabled.secondary,
        .button[disabled].secondary {
            background-color: #e9e9e9;
        }

            .button.disabled.secondary:hover,
            .button.disabled.secondary:focus,
            .button[disabled].secondary:hover,
            .button[disabled].secondary:focus {
                background-color: #e9e9e9;
                outline: none;
            }

input[type=submit].button,
button.button {
    -webkit-appearance: none;
}

@-moz-document url-prefix() {

    button::-moz-focus-inner,
    input[type="reset"]::-moz-focus-inner,
    input[type="button"]::-moz-focus-inner,
    input[type="submit"]::-moz-focus-inner,
    input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
        padding: 0;
    }

    input[type="submit"].tiny.button {
        padding: 3px 10px 4px;
    }

    input[type="submit"].small.button {
        padding: 5px 14px 6px;
    }

    input[type="submit"].button,
    input[type=submit].medium.button {
        padding: 8px 20px 9px;
    }

    input[type="submit"].large.button {
        padding: 13px 30px 14px;
    }
}

.button.dropdown {
    position: relative;
    padding-right: 44px;
}

    .button.dropdown.large {
        padding-right: 60px;
    }

    .button.dropdown.small {
        padding-right: 28px;
    }

    .button.dropdown.tiny {
        padding-right: 20px;
    }

    .button.dropdown:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 6px;
        border-color: white transparent transparent transparent;
        position: absolute;
        top: 50%;
        right: 20px;
        margin-top: -2px;
    }

    .button.dropdown.large:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 7px;
        border-color: white transparent transparent transparent;
        margin-top: -3px;
        right: 30px;
    }

    .button.dropdown.small:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: white transparent transparent transparent;
        margin-top: -2px;
        right: 14px;
    }

    .button.dropdown.tiny:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 4px;
        border-color: white transparent transparent transparent;
        margin-top: -1px;
        right: 10px;
    }

    .button.dropdown > ul {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        display: none;
        position: absolute;
        left: -1px;
        background: #fff;
        background: rgba(255, 255, 255, 0.95);
        list-style: none;
        margin: 0;
        padding: 0;
        border: 1px solid #cccccc;
        border-top: none;
        min-width: 100%;
        z-index: 40;
    }

        .button.dropdown > ul li {
            width: 100%;
            cursor: pointer;
            padding: 0;
            min-height: 18px;
            line-height: 18px;
            margin: 0;
            white-space: nowrap;
            list-style: none;
        }

            .button.dropdown > ul li a,
            .button.dropdown > ul li button {
                display: block;
                color: #555;
                font-size: 9px;
                font-weight: normal;
                padding: 6px 14px;
                text-align: left;
            }

            .button.dropdown > ul li button {
                width: 100%;
                border: inherit;
                background: inherit;
                font-family: inherit;
                margin: inherit;
                -webkit-font-smoothing: antialiased;
            }

            .button.dropdown > ul li:hover,
            .button.dropdown > ul li:focus {
                background-color: #e3f4f9;
                color: #222;
            }

            .button.dropdown > ul li.divider {
                min-height: 0;
                padding: 0;
                height: 1px;
                margin: 4px 0;
                background: #ededed;
            }

    .button.dropdown.up > ul {
        border-top: 1px solid #cccccc;
        border-bottom: none;
    }

    .button.dropdown ul.no-hover.show-dropdown {
        display: block !important;
    }

    .button.dropdown:hover > ul.no-hover {
        display: none;
    }

    .button.dropdown.split {
        padding: 0;
        position: relative;
    }

        .button.dropdown.split:after {
            display: none;
        }

        .button.dropdown.split:hover,
        .button.dropdown.split:focus {
            background-color: #2ba6cb;
        }

        .button.dropdown.split.alert:hover,
        .button.dropdown.split.alert:focus {
            background-color: #c60f13;
        }

        .button.dropdown.split.success:hover,
        .button.dropdown.split.success:focus {
            background-color: #5da423;
        }

        .button.dropdown.split.secondary:hover,
        .button.dropdown.split.secondary:focus {
            background-color: #e9e9e9;
        }

        .button.dropdown.split > a {
            color: white;
            display: block;
            padding: 10px 50px 11px 20px;
            padding-left: 20px;
            padding-right: 50px;
            -webkit-transition: background-color 0.15s ease-in-out;
            -moz-transition: background-color 0.15s ease-in-out;
            -o-transition: background-color 0.15s ease-in-out;
            transition: background-color 0.15s ease-in-out;
        }

            .button.dropdown.split > a:hover,
            .button.dropdown.split > a:focus {
                background-color: #2284a1;
                -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
                -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
                box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            }

        .button.dropdown.split.large > a {
            padding: 15px 75px 16px 30px;
            padding-left: 30px;
            padding-right: 75px;
        }

        .button.dropdown.split.small > a {
            padding: 7px 35px 8px 14px;
            padding-left: 14px;
            padding-right: 35px;
        }

        .button.dropdown.split.tiny > a {
            padding: 5px 25px 6px 10px;
            padding-left: 10px;
            padding-right: 25px;
        }

        .button.dropdown.split > span {
            background-color: #2ba6cb;
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 30px;
            border-left: 1px solid #1e728c;
            -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
            -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
            box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
            -webkit-transition: background-color 0.15s ease-in-out;
            -moz-transition: background-color 0.15s ease-in-out;
            -o-transition: background-color 0.15s ease-in-out;
            transition: background-color 0.15s ease-in-out;
        }

            .button.dropdown.split > span:hover,
            .button.dropdown.split > span:focus {
                background-color: #2284a1;
            }

            .button.dropdown.split > span:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: solid 6px;
                border-color: white transparent transparent transparent;
                position: absolute;
                top: 50%;
                left: 50%;
                margin-left: -6px;
                margin-top: -2px;
            }

        .button.dropdown.split.secondary > span:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 6px;
            border-color: #1d1d1d transparent transparent transparent;
        }

        .button.dropdown.split.large span {
            width: 45px;
        }

        .button.dropdown.split.small span {
            width: 21px;
        }

        .button.dropdown.split.tiny span {
            width: 15px;
        }

        .button.dropdown.split.large span:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 7px;
            border-color: white transparent transparent transparent;
            margin-top: -3px;
            margin-left: -7px;
        }

        .button.dropdown.split.small span:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 4px;
            border-color: white transparent transparent transparent;
            margin-top: -1px;
            margin-left: -4px;
        }

        .button.dropdown.split.tiny span:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 3px;
            border-color: white transparent transparent transparent;
            margin-top: -1px;
            margin-left: -3px;
        }

        .button.dropdown.split.alert > span {
            background-color: #c60f13;
            border-left-color: #7f0a0c;
        }

        .button.dropdown.split.success > span {
            background-color: #5da423;
            border-left-color: #396516;
        }

        .button.dropdown.split.secondary > span {
            background-color: #e9e9e9;
            border-left-color: #c3c3c3;
        }

        .button.dropdown.split.secondary > a {
            color: #1d1d1d;
        }

        .button.dropdown.split.alert > a:hover,
        .button.dropdown.split.alert > span:hover,
        .button.dropdown.split.alert > a:focus,
        .button.dropdown.split.alert > span:focus {
            background-color: #970b0e;
        }

        .button.dropdown.split.success > a:hover,
        .button.dropdown.split.success > span:hover,
        .button.dropdown.split.success > a:focus,
        .button.dropdown.split.success > span:focus {
            background-color: #457a1a;
        }

        .button.dropdown.split.secondary > a:hover,
        .button.dropdown.split.secondary > span:hover,
        .button.dropdown.split.secondary > a:focus,
        .button.dropdown.split.secondary > span:focus {
            background-color: #d0d0d0;
        }

ul.button-group {
    list-style: none;
    padding: 0;
    margin: 0 0 12px;
    *zoom: 1;
}

    ul.button-group:before,
    ul.button-group:after {
        content: " ";
        display: table;
    }

    ul.button-group:after {
        clear: both;
    }

    ul.button-group li {
        padding: 0;
        margin: 0 0 0 -1px;
        float: left;
    }

        ul.button-group li:first-child {
            margin-left: 0;
        }

    ul.button-group.radius li .button,
    ul.button-group.radius li .button.radius,
    ul.button-group.radius li .button-rounded {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    ul.button-group.radius li:first-child .button,
    ul.button-group.radius li:first-child .button.radius {
        -moz-border-radius-topleft: 6px;
        -webkit-border-top-left-radius: 6px;
        border-top-left-radius: 6px;
        -moz-border-radius-bottomleft: 6px;
        -webkit-border-bottom-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

        ul.button-group.radius li:first-child .button.rounded {
            -moz-border-radius-topleft: 1000px;
            -webkit-border-top-left-radius: 1000px;
            border-top-left-radius: 1000px;
            -moz-border-radius-bottomleft: 1000px;
            -webkit-border-bottom-left-radius: 1000px;
            border-bottom-left-radius: 1000px;
        }

    ul.button-group.radius li:last-child .button,
    ul.button-group.radius li:last-child .button.radius {
        -moz-border-radius-topright: 6px;
        -webkit-border-top-right-radius: 6px;
        border-top-right-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -webkit-border-bottom-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

        ul.button-group.radius li:last-child .button.rounded {
            -moz-border-radius-topright: 1000px;
            -webkit-border-top-right-radius: 1000px;
            border-top-right-radius: 1000px;
            -moz-border-radius-bottomright: 1000px;
            -webkit-border-bottom-right-radius: 1000px;
            border-bottom-right-radius: 1000px;
        }

    ul.button-group.even .button {
        width: 100%;
    }

    ul.button-group.even.two-up li {
        width: 50%;
    }

    ul.button-group.even.three-up li {
        width: 33.3%;
    }

        ul.button-group.even.three-up li:first-child {
            width: 33.4%;
        }

    ul.button-group.even.four-up li {
        width: 25%;
    }

    ul.button-group.even.five-up li {
        width: 20%;
    }

div.button-bar {
    overflow: hidden;
}

    div.button-bar ul.button-group {
        float: left;
        margin-right: 8px;
    }

        div.button-bar ul.button-group:last-child {
            margin-left: 0;
        }

.nav-bar {
    height: 40px;
    background: #4d4d4d;
    margin-left: 0;
    margin-top: 20px;
    padding: 0;
}

    .nav-bar > li {
        float: left;
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
        border: 1px solid #333333;
        border-right: none;
        line-height: 38px;
        -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
        -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
        box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
    }

        .nav-bar > li:first-child {
            -webkit-box-shadow: 0 0 0;
            -moz-box-shadow: 0 0 0;
            box-shadow: 0 0 0;
        }

        .nav-bar > li:last-child {
            border-right: solid 1px #333333;
            -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
            -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
            box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
        }

        .nav-bar > li.active {
            background: #2ba6cb;
            border-color: #2284a1;
        }

            .nav-bar > li.active > a {
                color: white;
                cursor: default;
            }

            .nav-bar > li.active:hover {
                background: #2ba6cb;
                cursor: default;
            }

        .nav-bar > li:hover {
            background: #333333;
        }

        .nav-bar > li > a {
            color: #e6e6e6;
        }

        .nav-bar > li ul {
            margin-bottom: 0;
        }

        .nav-bar > li .flyout {
            display: none;
        }

        .nav-bar > li.has-flyout > a:first-child {
            padding-right: 40px;
            position: relative;
        }

        .nav-bar > li.has-flyout > a.flyout-toggle {
            border-left: 0 !important;
            position: absolute;
            right: 0;
            top: 0;
            padding: 20px;
            z-index: 2;
            display: block;
        }

        .nav-bar > li.has-flyout.is-touch > a:first-child {
            padding-right: 55px;
        }

        .nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
            border-left: 1px dashed #666666;
        }

        .nav-bar > li > a:first-child {
            position: relative;
            padding: 0 20px;
            display: block;
            text-decoration: none;
            font-size: 10px;
        }

        .nav-bar > li > input {
            margin: 0 10px;
        }

    .nav-bar.vertical {
        height: auto;
        margin-top: 0;
    }

        .nav-bar.vertical > li {
            float: none;
            border-bottom: none;
            border-right: solid 1px #333333;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

            .nav-bar.vertical > li.has-flyout > a:first-child:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: solid 4px;
                border-color: transparent transparent transparent #e6e6e6;
            }

            .nav-bar.vertical > li .flyout {
                left: 100%;
                top: -1px;
            }

                .nav-bar.vertical > li .flyout.right {
                    left: auto;
                    right: 100%;
                }

            .nav-bar.vertical > li.active {
                border-right: solid 1px #2284a1;
            }

            .nav-bar.vertical > li:last-child {
                border-bottom: solid 1px #333333;
            }

.flyout {
    background: #f2f2f2;
    padding: 20px;
    margin: 0;
    border: 1px solid #d9d9d9;
    position: absolute;
    top: 39px;
    left: -1px;
    width: 250px;
    z-index: 40;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

    .flyout p {
        line-height: 1.2;
        font-size: 9px;
    }

    .flyout *:first-child {
        margin-top: 0;
    }

    .flyout *:last-child {
        margin-bottom: 0;
    }

    .flyout.small {
        width: 166.66667px;
    }

    .flyout.large {
        width: 437.5px;
    }

    .flyout.right {
        left: auto;
        right: -2px;
    }

    .flyout.left {
        right: auto;
        left: -2px;
    }

    .flyout.up {
        top: auto;
        bottom: 39px;
    }

ul.flyout,
.nav-bar li ul {
    padding: 0;
    list-style: none;
}

    ul.flyout li,
    .nav-bar li ul li {
        border-left: solid 3px #cccccc;
    }

        ul.flyout li a,
        .nav-bar li ul li a {
            background: #f2f2f2;
            border: 1px solid #e6e6e6;
            border-width: 1px 1px 0 0;
            color: #555;
            display: block;
            font-size: 10px;
            height: auto;
            line-height: 1;
            padding: 15px 20px;
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
        }

            ul.flyout li a:hover,
            ul.flyout li a:focus,
            .nav-bar li ul li a:hover,
            .nav-bar li ul li a:focus {
                background: #ebebeb;
                color: #333;
            }

        ul.flyout li.active,
        .nav-bar li ul li.active {
            margin-top: 0;
            border-top: 1px solid #4d4d4d;
            border-left: 4px solid #1a1a1a;
        }

            ul.flyout li.active a,
            .nav-bar li ul li.active a {
                background: #4d4d4d;
                border: none;
                color: #fff;
                height: auto;
                margin: 0;
                position: static;
                top: 0;
                -webkit-box-shadow: 0 0 0;
                -moz-box-shadow: 0 0 0;
                box-shadow: 0 0 0;
            }

.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative;
}

.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

    .orbit.with-bullets {
        margin-bottom: 40px;
    }

    .orbit .orbit-slide {
        max-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .orbit a.orbit-slide {
        border: none;
        line-height: 0;
        display: none;
    }

    .orbit div.orbit-slide {
        width: 100%;
        height: 100%;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
    }

.orbit-wrapper .timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 31;
}

.orbit-wrapper span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url('../../images/foundation/orbit/rotator-black.png') no-repeat;
    z-index: 3;
}

    .orbit-wrapper span.rotator.move {
        left: 0;
    }

.orbit-wrapper span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden;
}

    .orbit-wrapper span.mask.move {
        width: 40px;
        left: 0;
        background: url('../../images/foundation/orbit/timer-black.png') repeat 0 0;
    }

.orbit-wrapper span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../../images/foundation/orbit/pause-black.png') no-repeat;
    z-index: 4;
    opacity: 0;
}

    .orbit-wrapper span.pause.active {
        background: url('../../images/foundation/orbit/pause-black.png') no-repeat 0 -40px;
    }

    .orbit-wrapper .timer:hover span.pause,
    .orbit-wrapper .timer:focus span.pause,
    .orbit-wrapper span.pause.active {
        opacity: 1;
    }

.orbit-caption {
    display: none;
    font-family: inherit;
}

.orbit-wrapper .orbit-caption {
    background: black;
    background: rgba(0, 0, 0, 0.6);
    z-index: 30;
    color: white;
    text-align: center;
    padding: 7px 0;
    font-size: 9px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}

.orbit-wrapper .slider-nav {
    display: block;
}

    .orbit-wrapper .slider-nav span {
        width: 39px;
        height: 50px;
        text-indent: -9999px;
        position: absolute;
        z-index: 30;
        top: 50%;
        margin-top: -25px;
        cursor: pointer;
    }

        .orbit-wrapper .slider-nav span.right {
            background: url('../../images/foundation/orbit/right-arrow.png');
            background-size: 100%;
            right: 0;
        }

        .orbit-wrapper .slider-nav span.left {
            background: url('../../images/foundation/orbit/left-arrow.png');
            background-size: 100%;
            left: 0;
        }

.lt-ie9 .orbit-wrapper .slider-nav span.right {
    background: url('../../images/foundation/orbit/right-arrow-small.png');
}

.lt-ie9 .orbit-wrapper .slider-nav span.left {
    background: url('../../images/foundation/orbit/left-arrow-small.png');
}

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -40px;
    left: 50%;
    margin-left: -50px;
    padding: 0;
}

    ul.orbit-bullets li {
        float: left;
        margin-left: 5px;
        cursor: pointer;
        color: #999999;
        text-indent: -9999px;
        background: url('../../images/foundation/orbit/bullets.jpg') no-repeat 4px 0;
        width: 13px;
        height: 12px;
        overflow: hidden;
    }

        ul.orbit-bullets li.active {
            color: #222222;
            background-position: -8px 0;
        }

        ul.orbit-bullets li.has-thumb {
            background: none;
            width: 100px;
            height: 75px;
        }

        ul.orbit-bullets li.active.has-thumb {
            background-position: 0 0;
            border-top: 2px solid black;
        }

.orbit-slide-counter {
    position: absolute;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
}

.orbit img.fluid-placeholder {
    visibility: hidden;
    position: static;
    display: block;
    width: 100%;
}

.orbit,
.orbit-wrapper {
    width: 100% !important;
}

.lt-ie9 .timer {
    display: none !important;
}

.lt-ie9 .orbit-caption {
    background: black;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    zoom: 1;
}

@media only screen and (max-width: 767px) {
    .orbit.orbit-stack-on-small img.fluid-placeholder {
        visibility: visible;
    }

    .orbit.orbit-stack-on-small .orbit-slide {
        position: static;
        margin-bottom: 10px;
    }
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    z-index: 40;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    background: #fff;
    visibility: hidden;
    display: none;
    top: 100px;
    left: 50%;
    margin-left: -260px;
    width: 520px;
    position: absolute;
    z-index: 41;
    padding: 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

    .reveal-modal .close-reveal-modal:not(.button) {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: .5;
        position: absolute;
        top: 8px;
        right: 11px;
        color: #aaa;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
        font-weight: bold;
        cursor: pointer;
    }

    .reveal-modal.small {
        width: 30%;
        margin-left: -15%;
    }

    .reveal-modal.medium {
        width: 40%;
        margin-left: -20%;
    }

    .reveal-modal.large {
        width: 60%;
        margin-left: -30%;
    }

    .reveal-modal.xlarge {
        width: 70%;
        margin-left: -35%;
    }

    .reveal-modal.expand {
        width: 90%;
        margin-left: -45%;
    }

    .reveal-modal .row {
        min-width: 0;
        margin-bottom: 10px;
    }

    .reveal-modal > :first-child {
        margin-top: 0;
    }

    .reveal-modal > :last-child {
        margin-bottom: 0;
    }

@media print {
    .reveal-modal {
        border: solid 1px black;
        background: #fff;
    }
}

.tabs {
    list-style: none;
    border-bottom: solid 1px #e6e6e6;
    display: block;
    height: 40px;
    padding: 0;
    margin-bottom: 20px;
}

    .tabs.contained {
        margin-bottom: 0;
        margin-left: 0;
    }

    .tabs dt,
    .tabs li.section-title {
        color: #b3b3b3;
        cursor: default;
        display: block;
        float: left;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        padding: 0;
        padding-right: 9px;
        padding-left: 20px;
        font-weight: normal;
        width: auto;
        text-transform: uppercase;
    }

        .tabs dt:first-child,
        .tabs li.section-title:first-child {
            padding: 0;
            padding-right: 9px;
        }

    .tabs dd,
    .tabs li {
        display: block;
        float: left;
        padding: 0;
        margin: 0;
    }

        .tabs dd a,
        .tabs li a {
            color: #6f6f6f;
            display: block;
            font-size: 10px;
            height: 40px;
            line-height: 40px;
            padding: 0 14px;
        }

            .tabs dd a:focus,
            .tabs li a:focus {
                font-weight: bold;
                color: #2ba6cb;
            }

        .tabs dd.active,
        .tabs li.active {
            border-top: 3px solid #2ba6cb;
            margin-top: -3px;
        }

            .tabs dd.active a,
            .tabs li.active a {
                cursor: default;
                color: #3c3c3c;
                background: #fff;
                border-left: 1px solid #e6e6e6;
                border-right: 1px solid #e6e6e6;
                font-weight: bold;
            }

        .tabs dd:first-child,
        .tabs li:first-child {
            margin-left: 0;
        }

    .tabs.vertical {
        height: auto;
        border-bottom: 1px solid #e6e6e6;
    }

        .tabs.vertical dt,
        .tabs.vertical dd,
        .tabs.vertical li {
            float: none;
            height: auto;
        }

        .tabs.vertical dd,
        .tabs.vertical li {
            border-left: 3px solid #cccccc;
        }

            .tabs.vertical dd a,
            .tabs.vertical li a {
                background: #f2f2f2;
                border: none;
                border: 1px solid #e6e6e6;
                border-width: 1px 1px 0 0;
                color: #555;
                display: block;
                font-size: 10px;
                height: auto;
                line-height: 1;
                padding: 15px 20px;
                -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
                -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
                box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
            }

            .tabs.vertical dd.active,
            .tabs.vertical li.active {
                margin-top: 0;
                border-top: 1px solid #4d4d4d;
                border-left: 4px solid #1a1a1a;
            }

                .tabs.vertical dd.active a,
                .tabs.vertical li.active a {
                    background: #4d4d4d;
                    border: none;
                    color: #fff;
                    height: auto;
                    margin: 0;
                    position: static;
                    top: 0;
                    -webkit-box-shadow: 0 0 0;
                    -moz-box-shadow: 0 0 0;
                    box-shadow: 0 0 0;
                }

            .tabs.vertical dd:first-child a.active,
            .tabs.vertical li:first-child a.active {
                margin: 0;
            }

    .tabs.pill {
        border-bottom: none;
        margin-bottom: 10px;
    }

        .tabs.pill dd,
        .tabs.pill li {
            margin-right: 10px;
        }

            .tabs.pill dd:last-child,
            .tabs.pill li:last-child {
                margin-right: 0;
            }

            .tabs.pill dd a,
            .tabs.pill li a {
                -webkit-border-radius: 1000px;
                -moz-border-radius: 1000px;
                -ms-border-radius: 1000px;
                -o-border-radius: 1000px;
                border-radius: 1000px;
                background: #e6e6e6;
                height: 26px;
                line-height: 26px;
                color: #666;
            }

            .tabs.pill dd.active,
            .tabs.pill li.active {
                border: none;
                margin-top: 0;
            }

                .tabs.pill dd.active a,
                .tabs.pill li.active a {
                    background-color: #2ba6cb;
                    border: none;
                    color: #fff;
                }

        .tabs.pill.contained {
            border-bottom: solid 1px #eeeeee;
            margin-bottom: 0;
        }

        .tabs.pill.two-up dd,
        .tabs.pill.two-up li,
        .tabs.pill.three-up dd,
        .tabs.pill.three-up li,
        .tabs.pill.four-up dd,
        .tabs.pill.four-up li,
        .tabs.pill.five-up dd,
        .tabs.pill.five-up li {
            margin-right: 0;
        }

    .tabs.two-up dt a,
    .tabs.two-up dd a,
    .tabs.two-up li a,
    .tabs.three-up dt a,
    .tabs.three-up dd a,
    .tabs.three-up li a,
    .tabs.four-up dt a,
    .tabs.four-up dd a,
    .tabs.four-up li a,
    .tabs.five-up dt a,
    .tabs.five-up dd a,
    .tabs.five-up li a {
        padding: 0 10px;
        text-align: center;
        overflow: hidden;
    }

    .tabs.two-up dt,
    .tabs.two-up dd,
    .tabs.two-up li {
        width: 50%;
    }

    .tabs.three-up dt,
    .tabs.three-up dd,
    .tabs.three-up li {
        width: 33.33%;
    }

    .tabs.four-up dt,
    .tabs.four-up dd,
    .tabs.four-up li {
        width: 25%;
    }

    .tabs.five-up dt,
    .tabs.five-up dd,
    .tabs.five-up li {
        width: 20%;
    }

ul.tabs-content {
    display: block;
    margin: 0 0 20px;
    padding: 0;
}

    ul.tabs-content > li {
        display: none;
    }

        ul.tabs-content > li.active {
            display: block;
        }

    ul.tabs-content.contained {
        padding: 0;
    }

        ul.tabs-content.contained > li {
            border: solid 0 #e6e6e6;
            border-width: 0 1px 1px 1px;
            padding: 20px;
        }

        ul.tabs-content.contained.vertical > li {
            border-width: 1px 1px 1px 1px;
        }

.no-js ul.tabs-content > li {
    display: block;
}

div.alert-box {
    display: block;
    padding: 6px 7px 7px;
    font-weight: bold;
    font-size: 10px;
    color: white;
    background-color: #2ba6cb;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    position: relative;
}

    div.alert-box.success {
        background-color: #5da423;
        color: #fff;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    }

    div.alert-box.alert {
        background-color: #c60f13;
        color: #fff;
        text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    }

    div.alert-box.secondary {
        background-color: #e9e9e9;
        color: #505050;
        text-shadow: 0 1px rgba(255, 255, 255, 0.3);
    }

    div.alert-box a.close {
        color: #333;
        position: absolute;
        right: 4px;
        top: -1px;
        font-size: 10px;
        opacity: 0.2;
        padding: 4px;
    }

        div.alert-box a.close:hover,
        div.alert-box a.close:focus {
            opacity: 0.4;
        }

.label {
    padding: 1px 4px 2px;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline;
    position: relative;
    bottom: 1px;
    color: #fff;
    background: #2ba6cb;
}

    .label.radius {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

    .label.round {
        padding: 1px 7px 2px;
        -webkit-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        -o-border-radius: 1000px;
        border-radius: 1000px;
    }

    .label.alert {
        background-color: #c60f13;
    }

    .label.success {
        background-color: #5da423;
    }

    .label.secondary {
        background-color: #e9e9e9;
        color: #505050;
    }

.has-tip {
    border-bottom: dotted 1px #cccccc;
    cursor: help;
    font-weight: bold;
    color: #333333;
}

    .has-tip:hover,
    .has-tip:focus {
        border-bottom: dotted 1px #196177;
        color: #2ba6cb;
    }

    .has-tip.tip-left,
    .has-tip.tip-right {
        float: none !important;
    }

.tooltip {
    display: none;
    background: black;
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding: 5px;
    z-index: 999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: normal;
}

    .tooltip > .nub {
        display: block;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent black transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
        position: absolute;
        top: -10px;
        left: 10px;
    }

    .tooltip.tip-override > .nub {
        border-color: transparent transparent black transparent !important;
        border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important;
        top: -10px !important;
    }

    .tooltip.tip-top > .nub,
    .tooltip.tip-centered-top > .nub {
        border-color: black transparent transparent transparent;
        border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
        top: auto;
        bottom: -10px;
    }

    .tooltip.tip-left,
    .tooltip.tip-right {
        float: none !important;
    }

        .tooltip.tip-left > .nub {
            border-color: transparent transparent transparent black;
            border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
            right: -10px;
            left: auto;
        }

        .tooltip.tip-right > .nub {
            border-color: transparent black transparent transparent;
            border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
            right: auto;
            left: -10px;
        }

    .tooltip.noradius {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
    }

    .tooltip.opened {
        color: #2ba6cb !important;
        border-bottom: dotted 1px #196177 !important;
    }

.tap-to-close {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    color: #888888;
    font-weight: normal;
}

.panel {
    background: #f2f2f2;
    border: solid 1px #e6e6e6;
    margin: 0 0 22px 0;
    padding: 20px;
}

    .panel > :first-child {
        margin-top: 0;
    }

    .panel > :last-child {
        margin-bottom: 0;
    }

    .panel.callout {
        background: #2ba6cb;
        color: #fff;
        border-color: #2284a1;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
    }

        .panel.callout a {
            color: #fff;
        }

        .panel.callout .button {
            background: white;
            border: none;
            color: #2ba6cb;
            text-shadow: none;
        }

            .panel.callout .button:hover,
            .panel.callout .button:focus {
                background: rgba(255, 255, 255, 0.8);
            }

    .panel.radius {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

ul.accordion {
    margin: 0 0 22px 0;
    border-bottom: 1px solid #e9e9e9;
}

    ul.accordion > li {
        list-style: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #e9e9e9;
    }

        ul.accordion > li > div.title {
            cursor: pointer;
            background: #f6f6f6;
            padding: 15px;
            margin: 0;
            position: relative;
            border-left: 1px solid #e9e9e9;
            border-right: 1px solid #e9e9e9;
            -webkit-transition: 0.15s background linear;
            -moz-transition: 0.15s background linear;
            -o-transition: 0.15s background linear;
            transition: 0.15s background linear;
        }

            ul.accordion > li > div.title h1,
            ul.accordion > li > div.title h2,
            ul.accordion > li > div.title h3,
            ul.accordion > li > div.title h4,
            ul.accordion > li > div.title h5 {
                margin: 0;
            }

            ul.accordion > li > div.title:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: solid 6px;
                border-color: transparent #9d9d9d transparent transparent;
                position: absolute;
                right: 15px;
                top: 21px;
            }

        ul.accordion > li .content {
            display: none;
            padding: 15px;
        }

        ul.accordion > li.active {
            border-top: 3px solid #2ba6cb;
        }

            ul.accordion > li.active .title {
                background: white;
                padding-top: 13px;
            }

                ul.accordion > li.active .title:after {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border: solid 6px;
                    border-color: #9d9d9d transparent transparent transparent;
                }

            ul.accordion > li.active .content {
                background: white;
                display: block;
                border-left: 1px solid #e9e9e9;
                border-right: 1px solid #e9e9e9;
            }

ul.side-nav {
    display: block;
    list-style: none;
    margin: 0;
    padding: 10px 0;
}

    ul.side-nav li {
        display: block;
        list-style: none;
        margin: 0 0 5px 0;
    }

        ul.side-nav li a {
            display: block;
        }

        ul.side-nav li.active a {
            color: #4d4d4d;
            font-weight: bold;
        }

        ul.side-nav li.divider {
            border-top: 1px solid #e6e6e6;
            height: 0;
            padding: 0;
        }

dl.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    margin: -4px 0 18px;
    margin-right: 0;
    margin-left: -9px;
    padding-top: 4px;
}

    dl.sub-nav dt,
    dl.sub-nav dd {
        float: left;
        display: inline;
        margin-left: 9px;
        margin-bottom: 10px;
    }

    dl.sub-nav dt {
        color: #999;
        font-weight: normal;
    }

    dl.sub-nav dd a {
        text-decoration: none;
        -webkit-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        -o-border-radius: 1000px;
        border-radius: 1000px;
    }

    dl.sub-nav dd.active a {
        font-weight: bold;
        background: #2ba6cb;
        color: #fff;
        padding: 3px 9px;
        cursor: default;
    }

ul.pagination {
    display: block;
    height: 24px;
    margin-left: -5px;
}

    ul.pagination li {
        float: left;
        display: block;
        height: 24px;
        color: #999;
        font-size: 10px;
        margin-left: 5px;
    }

        ul.pagination li a {
            display: block;
            padding: 1px 7px 1px;
            color: #555;
        }

            ul.pagination li:hover a,
            ul.pagination li a:focus {
                background: #e6e6e6;
            }

        ul.pagination li.unavailable a {
            cursor: default;
            color: #999;
        }

            ul.pagination li.unavailable:hover a,
            ul.pagination li.unavailable a:focus {
                background: transparent;
            }

        ul.pagination li.current a {
            background: #2ba6cb;
            color: white;
            font-weight: bold;
            cursor: default;
        }

            ul.pagination li.current a:hover,
            ul.pagination li.current a:focus {
                background: #2ba6cb;
            }

div.pagination-centered {
    text-align: center;
}

    div.pagination-centered ul > li {
        float: none;
        display: inline-block;
    }

ul.breadcrumbs {
    display: block;
    background: #f6f6f6;
    padding: 6px 10px 7px;
    border: 1px solid #e9e9e9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    margin-left: 0;
}

    ul.breadcrumbs li {
        margin: 0;
        padding: 0 12px 0 0;
        float: left;
        list-style: none;
    }

        ul.breadcrumbs li a,
        ul.breadcrumbs li span {
            text-transform: uppercase;
            font-size: 11px;
            font-size: 1.1rem;
            padding-left: 12px;
        }

        ul.breadcrumbs li:first-child a,
        ul.breadcrumbs li:first-child span {
            padding-left: 0;
        }

        ul.breadcrumbs li:before {
            content: "/";
            color: #aaa;
        }

        ul.breadcrumbs li:first-child:before {
            content: " ";
        }

        ul.breadcrumbs li.current a {
            cursor: default;
            color: #333;
        }

        ul.breadcrumbs li:hover a,
        ul.breadcrumbs li a:focus {
            text-decoration: underline;
        }

        ul.breadcrumbs li.current:hover a,
        ul.breadcrumbs li.current a:focus {
            text-decoration: none;
        }

        ul.breadcrumbs li.unavailable a {
            color: #999;
        }

            ul.breadcrumbs li.unavailable:hover a,
            ul.breadcrumbs li.unavailable a:focus {
                text-decoration: none;
                color: #999;
                cursor: default;
            }

ul.inline-list,
ul.link-list {
    margin: 0 0 17px -22px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    ul.inline-list > li,
    ul.link-list > li {
        list-style: none;
        float: left;
        margin-left: 22px;
        display: block;
    }

        ul.inline-list > li > *,
        ul.link-list > li > * {
            display: block;
        }

.keystroke,
kbd {
    font-family: "Consolas", "Menlo", "Courier", monospace;
    font-size: 9px;
    padding: 2px 4px 0;
    margin: 0;
    background: #ededed;
    border: solid 1px #dbdbdb;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.th {
    display: block;
}

    .th img {
        display: block;
        border: solid 4px white;
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition-property: box-shadow;
        -moz-transition-property: box-shadow;
        -o-transition-property: box-shadow;
        transition-property: box-shadow;
        -webkit-transition-duration: 300ms;
        -moz-transition-duration: 300ms;
        -o-transition-duration: 300ms;
        transition-duration: 300ms;
    }

    .th:hover img,
    .th:focus img {
        -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
        -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
        box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
    }

.flex-video {
    position: relative;
    padding-top: 25px;
    padding-bottom: 67.5%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}

    .flex-video.widescreen {
        padding-bottom: 57.25%;
    }

    .flex-video.vimeo {
        padding-top: 0;
    }

    .flex-video iframe,
    .flex-video object,
    .flex-video embed,
    .flex-video video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

table {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 18px;
    border: 1px solid #dddddd;
}

    table thead,
    table tfoot {
        background: #f5f5f5;
    }

        table thead tr th,
        table tfoot tr th,
        table tbody tr td,
        table tr td,
        table tfoot tr td {
            display: table-cell;
            font-size: 10px;
            line-height: 18px;
            text-align: left;
        }

        table thead tr th,
        table tfoot tr td {
            padding: 8px 10px 9px;
            font-size: 10px;
            font-weight: bold;
            color: #222;
        }

            table thead tr th:first-child,
            table tfoot tr td:first-child {
                border-left: none;
            }

            table thead tr th:last-child,
            table tfoot tr td:last-child {
                border-right: none;
            }

    table tbody tr.even,
    table tbody tr.alt {
        background: #f9f9f9;
    }

    table tbody tr:nth-child(even) {
        background: #f9f9f9;
    }

    table tbody tr td {
        color: #333;
        padding: 9px 10px;
        vertical-align: top;
        border: none;
    }

ul.vcard {
    display: inline-block;
    margin: 0 0 12px 0;
    border: 1px solid #dddddd;
    padding: 10px;
}

    ul.vcard li {
        margin: 0;
        display: block;
    }

        ul.vcard li.fn {
            font-weight: bold;
            font-size: 11px;
        }

.bold,
p.vevent span.summary {
    font-weight: bold;
}

p.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 1px;
}

div.progress {
    padding: 2px;
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    height: 25px;
}

    div.progress .meter {
        background: #2ba6cb;
        height: 100%;
        display: block;
        width: 50%;
    }

    div.progress.secondary .meter {
        background: #e9e9e9;
    }

    div.progress.success .meter {
        background: #5da423;
    }

    div.progress.alert .meter {
        background: #c60f13;
    }

    div.progress.radius {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }

        div.progress.radius .meter {
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
            border-radius: 2px;
        }

    div.progress.round {
        -webkit-border-radius: 1000px;
        -moz-border-radius: 1000px;
        -ms-border-radius: 1000px;
        -o-border-radius: 1000px;
        border-radius: 1000px;
    }

        div.progress.round .meter {
            -webkit-border-radius: 1000px;
            -moz-border-radius: 1000px;
            -ms-border-radius: 1000px;
            -o-border-radius: 1000px;
            border-radius: 1000px;
        }

.pricing-table {
    border: solid 1px #dddddd;
    margin-left: 0;
    margin-bottom: 20px;
}

    .pricing-table * {
        list-style: none;
        line-height: 1;
    }

    .pricing-table .title {
        background-color: #dddddd;
        padding: 15px 20px;
        text-align: center;
        color: #333333;
        font-weight: bold;
        font-size: 16px;
    }

    .pricing-table .price {
        background-color: #eeeeee;
        padding: 15px 20px;
        text-align: center;
        color: #333333;
        font-weight: normal;
        font-size: 20px;
    }

    .pricing-table .description {
        background-color: white;
        padding: 15px;
        text-align: center;
        color: #777777;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.4;
        border-bottom: dotted 1px #dddddd;
    }

    .pricing-table .bullet-item {
        background-color: white;
        padding: 15px;
        text-align: center;
        color: #333333;
        font-size: 14px;
        font-weight: normal;
        border-bottom: dotted 1px #dddddd;
    }

    .pricing-table .cta-button {
        background-color: whitesmoke;
        text-align: center;
        padding: 20px;
    }

.top-bar-js-breakpoint {
    width: 960px !important;
    visibility: hidden;
}

.contain-to-grid {
    width: 100%;
    background: #222222;
}

.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
}

.sticky {
    float: left;
    overflow: hidden;
}

    .sticky.fixed {
        float: none;
    }

.top-bar {
    background: #222222;
    min-height: 45px;
    line-height: 45px;
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
    position: relative;
}

.contain-to-grid .top-bar {
    max-width: 960px;
    margin: 0 auto;
}

.top-bar > ul .name h1 {
    line-height: 45px;
    margin: 0;
}

    .top-bar > ul .name h1 a {
        font-weight: bold;
        padding: 0 22.5px;
        font-size: 17px !important;
    }

.top-bar > ul .name img {
    margin-top: -5px;
    vertical-align: middle;
}

.top-bar.expanded {
    height: inherit;
}

.top-bar ul {
    margin-left: 0;
    display: inline;
    height: 45px;
    line-height: 45px;
    list-style: none;
}

    .top-bar ul > li {
        float: left;
    }

        .top-bar ul > li a:not(.button) {
            color: white;
            display: block;
            font-size: 13px;
            font-weight: bold;
            height: 45px;
            line-height: 45px;
            padding: 0 15px;
        }

        .top-bar ul > li:not(.name):hover,
        .top-bar ul > li:not(.name).active,
        .top-bar ul > li:not(.name):focus {
            background: black;
        }

            .top-bar ul > li:not(.name):hover a,
            .top-bar ul > li:not(.name).active a,
            .top-bar ul > li:not(.name):focus a {
                color: #d9d9d9;
            }

        .top-bar ul > li.divider {
            background: black;
            -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
            -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
            box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
            height: 100%;
            margin-right: 1px;
            width: 1px;
        }

        .top-bar ul > li.has-button a.button {
            margin: 0 11.25px;
        }

        .top-bar ul > li.has-button:hover,
        .top-bar ul > li.has-button:focus {
            background: #222222;
        }

            .top-bar ul > li.has-button:hover a,
            .top-bar ul > li.has-button:focus a {
                color: #fff;
            }

        .top-bar ul > li.search {
            padding: 0 15px;
        }

            .top-bar ul > li.search form {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle;
                width: 211px;
            }

                .top-bar ul > li.search form input[type=text] {
                    -moz-border-radius-topright: 0;
                    -webkit-border-top-right-radius: 0;
                    border-top-right-radius: 0;
                    -moz-border-radius-bottomright: 0;
                    -webkit-border-bottom-right-radius: 0;
                    border-bottom-right-radius: 0;
                    float: left;
                    font-size: 9px;
                    margin-top: -1px;
                    height: 22.5px;
                    margin-bottom: 0;
                    width: 130px;
                }

                    .top-bar ul > li.search form input[type=text] + .button {
                        border-left: none;
                        -moz-border-radius-topleft: 0;
                        -webkit-border-top-left-radius: 0;
                        border-top-left-radius: 0;
                        -moz-border-radius-bottomleft: 0;
                        -webkit-border-bottom-left-radius: 0;
                        border-bottom-left-radius: 0;
                        float: left;
                        font-size: 8px;
                        margin-top: -1px;
                        padding: 5px 12px 4px;
                    }

                .top-bar ul > li.search form input[type=search] {
                    font-size: 16px;
                    margin-bottom: 0;
                }

            .top-bar ul > li.search:hover,
            .top-bar ul > li.search:focus {
                background: #222222;
            }

        .top-bar ul > li.login {
            padding: 0 15px;
        }

            .top-bar ul > li.login form {
                display: inline-block;
                margin-bottom: 0;
                vertical-align: middle;
                width: 300px;
            }

                .top-bar ul > li.login form input {
                    float: left;
                    width: auto;
                    font-size: 9px;
                    margin-top: -1px;
                    height: 22.5px;
                    margin-bottom: 0;
                }

                    .top-bar ul > li.login form input[type=text] {
                        -moz-border-radius-topright: 0;
                        -webkit-border-top-right-radius: 0;
                        border-top-right-radius: 0;
                        -moz-border-radius-bottomright: 0;
                        -webkit-border-bottom-right-radius: 0;
                        border-bottom-right-radius: 0;
                        width: 120px;
                    }

                    .top-bar ul > li.login form input[type=password] {
                        margin-bottom: 0;
                        -moz-border-radius-topleft: 0;
                        -webkit-border-top-left-radius: 0;
                        border-top-left-radius: 0;
                        -moz-border-radius-bottomleft: 0;
                        -webkit-border-bottom-left-radius: 0;
                        border-bottom-left-radius: 0;
                        width: 120px;
                    }

                        .top-bar ul > li.login form input[type=password] + .button {
                            border-left: none;
                            -moz-border-radius-topleft: 0;
                            -webkit-border-top-left-radius: 0;
                            border-top-left-radius: 0;
                            -moz-border-radius-bottomleft: 0;
                            -webkit-border-bottom-left-radius: 0;
                            border-bottom-left-radius: 0;
                            -moz-border-radius-topright: 2px;
                            -webkit-border-top-right-radius: 2px;
                            border-top-right-radius: 2px;
                            -moz-border-radius-bottomright: 2px;
                            -webkit-border-bottom-right-radius: 2px;
                            border-bottom-right-radius: 2px;
                            float: left;
                            font-size: 8px;
                            margin-top: -1px;
                            padding: 5px 12px 4px;
                            width: 60px;
                        }

            .top-bar ul > li.login:hover,
            .top-bar ul > li.login:focus {
                background: #222222;
            }

        .top-bar ul > li.toggle-topbar {
            display: none;
        }

        .top-bar ul > li.has-dropdown {
            position: relative;
        }

            .top-bar ul > li.has-dropdown:hover > .dropdown,
            .top-bar ul > li.has-dropdown:focus > .dropdown {
                display: block;
                visibility: visible;
            }

            .top-bar ul > li.has-dropdown a {
                padding-right: 33.75px;
            }

                .top-bar ul > li.has-dropdown a:after {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border: solid 5px;
                    border-color: white transparent transparent transparent;
                    margin-right: 15px;
                    margin-top: -2.5px;
                    position: absolute;
                    right: 0;
                    top: 50%;
                }

            .top-bar ul > li.has-dropdown .dropdown {
                background: #222222;
                left: 0;
                margin: 0;
                padding: 9px 0 0 0;
                position: absolute;
                visibility: hidden;
                z-index: 99;
            }

                .top-bar ul > li.has-dropdown .dropdown li {
                    background: #222222;
                    line-height: 1;
                    min-width: 100%;
                    padding-bottom: 5px;
                }

                    .top-bar ul > li.has-dropdown .dropdown li a {
                        color: white;
                        font-weight: normal;
                        height: 100%;
                        line-height: 1;
                        padding: 5px 17px 5px 15px;
                        white-space: nowrap;
                    }

                        .top-bar ul > li.has-dropdown .dropdown li a:after {
                            border: none;
                        }

                        .top-bar ul > li.has-dropdown .dropdown li a:hover,
                        .top-bar ul > li.has-dropdown .dropdown li a:focus {
                            background: #3c3c3c;
                        }

                    .top-bar ul > li.has-dropdown .dropdown li label {
                        color: #6f6f6f;
                        font-size: 6px;
                        font-weight: bold;
                        margin: 0;
                        padding-left: 15px;
                        text-transform: uppercase;
                    }

                    .top-bar ul > li.has-dropdown .dropdown li.divider {
                        border-top: solid 1px black;
                        -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
                        -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
                        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
                        height: 10px;
                        padding: 0;
                        width: 100%;
                    }

                    .top-bar ul > li.has-dropdown .dropdown li:last-child {
                        padding-bottom: 10px;
                    }

                    .top-bar ul > li.has-dropdown .dropdown li.active a {
                        background: black;
                    }

                    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
                        padding-right: 30px;
                    }

                        .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
                            border: none;
                            content: "\00bb";
                            right: 5px;
                            top: 6px;
                        }

                    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
                        position: absolute;
                        left: 100%;
                        top: 0;
                    }

                    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown,
                    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:focus > .dropdown {
                        display: block;
                    }

    .top-bar ul.left {
        float: left;
        width: auto;
        margin-bottom: 0;
    }

    .top-bar ul.right {
        float: right;
        width: auto;
        margin-bottom: 0;
    }

        .top-bar ul.right .has-dropdown .dropdown {
            left: auto;
            right: 0;
        }

            .top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
                right: 100%;
                left: auto;
                width: 100%;
            }

.top-bar .js-generated {
    display: none;
}

@-moz-document url-prefix() {
    .top-bar ul li .button.small {
        padding-bottom: 6px;
    }

    .top-bar ul li.search form input[type=search] {
        font-size: 14px;
        height: 22px;
        padding: 3px;
    }
}

.lt-ie9 .top-bar ul li a {
    color: white;
    display: block;
    font-weight: bold;
    font-size: 13px;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
}

    .lt-ie9 .top-bar ul li a.button {
        height: auto;
        line-height: 30px;
        margin-top: 7px;
    }

    .lt-ie9 .top-bar ul li a img {
        margin-top: -5px;
        vertical-align: middle;
    }

.lt-ie9 .top-bar section > ul > li a:hover,
.lt-ie9 .top-bar section > ul > li a:focus {
    color: #cccccc;
}

.lt-ie9 .top-bar section > ul > li:hover,
.lt-ie9 .top-bar section > ul > li:focus {
    background: black;
}

.lt-ie9 .top-bar section > ul > li.search:hover,
.lt-ie9 .top-bar section > ul > li.search:focus,
.lt-ie9 .top-bar section > ul > li.has-button:hover,
.lt-ie9 .top-bar section > ul > li.has-button:focus {
    background: none;
}

.lt-ie9 .top-bar section > ul > li.active {
    background: black;
    color: #d9d9d9;
}

.lt-ie9 .top-bar ul li.has-dropdown {
    padding-right: 33.75px;
}

    .lt-ie9 .top-bar ul li.has-dropdown > ul li {
        padding-right: 0;
    }

#joyRideTipContent {
    display: none;
}

.joyride-tip-guide {
    display: none;
    position: absolute;
    background: black;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    width: 300px;
    z-index: 101;
    top: 0;
    left: 0;
    font-family: inherit;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.joyride-content-wrapper {
    padding: 18px 20px 24px;
}

.joyride-tip-guide span.joyride-nub {
    display: block;
    position: absolute;
    left: 22px;
    width: 0;
    height: 0;
    border: solid 14px;
}

    .joyride-tip-guide span.joyride-nub.top {
        border-color: black;
        border-color: rgba(0, 0, 0, 0.8);
        border-top-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        top: -28px;
        bottom: none;
    }

    .joyride-tip-guide span.joyride-nub.bottom {
        border-color: black;
        border-color: rgba(0, 0, 0, 0.8) !important;
        border-bottom-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        bottom: -28px;
        bottom: none;
    }

    .joyride-tip-guide span.joyride-nub.right {
        border-color: black;
        border-color: rgba(0, 0, 0, 0.8) !important;
        border-top-color: transparent !important;
        border-right-color: transparent !important;
        border-bottom-color: transparent !important;
        top: 22px;
        bottom: none;
        left: auto;
        right: -28px;
    }

    .joyride-tip-guide span.joyride-nub.left {
        border-color: black;
        border-color: rgba(0, 0, 0, 0.8) !important;
        border-top-color: transparent !important;
        border-left-color: transparent !important;
        border-bottom-color: transparent !important;
        top: 22px;
        left: -28px;
        right: auto;
        bottom: none;
    }

.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
    line-height: 1.25;
    margin: 0;
    font-weight: bold;
    color: white;
}

.joyride-tip-guide p {
    margin: 0 0 18px 0;
    font-size: 14px;
    line-height: 1.3;
}

.joyride-timer-indicator-wrap {
    width: 50px;
    height: 3px;
    border: solid 1px #555555;
    position: absolute;
    right: 17px;
    bottom: 16px;
}

.joyride-timer-indicator {
    display: block;
    width: 0;
    height: inherit;
    background: #666666;
}

.joyride-close-tip {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #777777 !important;
    text-decoration: none;
    font-size: 20px;
    font-weight: normal;
    line-height: 0.5 !important;
}

    .joyride-close-tip:hover,
    .joyride-close-tip:focus {
        color: #eeeeee !important;
    }

.joyride-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: transparent;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    cursor: pointer;
}

.clearing-blackout {
    background: black;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

    .clearing-blackout .clearing-close {
        display: block;
    }

.clearing-container {
    position: relative;
    z-index: 999;
    height: 100%;
    overflow: hidden;
}

.visible-img {
    height: 75%;
    position: relative;
}

    .visible-img img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -50%;
        max-height: 100%;
        max-width: 100%;
    }

    .visible-img .clearing-caption {
        color: white;
        margin-bottom: 0;
        text-align: center;
        position: absolute;
        bottom: 0;
        background: black;
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        padding: 10px 100px;
    }

.clearing-close {
    z-index: 999;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 30px;
    line-height: 1;
    color: white;
    display: none;
}

    .clearing-close:hover,
    .clearing-close:focus {
        color: #ccc;
    }

.clearing-main-left,
.clearing-main-right {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}

    .clearing-main-left.disabled,
    .clearing-main-right.disabled {
        opacity: 0.5;
    }

    .clearing-main-left:active,
    .clearing-main-right:active {
        margin-top: -15px;
    }

.clearing-main-left {
    left: 10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent white transparent transparent;
}

.clearing-main-right {
    right: 10px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 16px;
    border-color: transparent transparent transparent white;
}

ul[data-clearing].block-grid.three-up > li:nth-child(3n+1) {
    clear: none;
}

ul[data-clearing] li {
    cursor: pointer;
    display: block;
}

    ul[data-clearing] li.clearing-feature ~ li {
        display: none;
    }

.clearing-assembled .clearing-container .carousel {
    background: black;
    background: rgba(0, 0, 0, 0.75);
    height: 150px;
    margin-top: 5px;
}

.clearing-assembled .clearing-container .visible-img {
    background: black;
    background: rgba(0, 0, 0, 0.75);
    overflow: hidden;
}

.clearing-assembled .clearing-container ul[data-clearing] {
    z-index: 999;
    width: 200%;
    height: 100%;
    margin-left: 0;
    position: relative;
    left: 0;
}

    .clearing-assembled .clearing-container ul[data-clearing] li {
        display: block;
        width: 175px;
        height: inherit;
        padding: 0;
        float: left;
        overflow: hidden;
        background: #222;
        margin-right: 1px;
        position: relative;
    }

        .clearing-assembled .clearing-container ul[data-clearing] li.fix-height img {
            min-height: 100%;
            height: 100%;
            max-width: none;
        }

        .clearing-assembled .clearing-container ul[data-clearing] li img {
            cursor: pointer !important;
            min-width: 100% !important;
        }

        .clearing-assembled .clearing-container ul[data-clearing] li.visible {
            border-top: 4px solid white;
        }

ul.block-grid[data-clearing] {
    overflow: visible;
}

.clearing-blackout ul.block-grid[data-clearing].two-up > li:nth-child(2n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].three-up > li:nth-child(3n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].four-up > li:nth-child(4n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].five-up > li:nth-child(5n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].six-up > li:nth-child(6n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].seven-up > li:nth-child(7n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].eight-up > li:nth-child(8n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].nine-up > li:nth-child(9n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].ten-up > li:nth-child(10n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].eleven-up > li:nth-child(11n+1) {
    clear: none;
}

.clearing-blackout ul.block-grid[data-clearing].twelve-up > li:nth-child(12n+1) {
    clear: none;
}

.clearing-blackout .th img {
    border: none;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.clearing-blackout:hover img,
.clearing-blackout:focus img {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.show-for-small,
.show-for-medium,
.show-for-medium-down,
.hide-for-large,
.hide-for-large-up,
.show-for-xlarge,
.show-for-print {
    display: none !important;
}

.hide-for-small,
.hide-for-medium,
.hide-for-medium-down,
.show-for-large,
.show-for-large-up,
.hide-for-xlarge,
.hide-for-print {
    display: inherit !important;
}

@media only screen and (min-width: 1441px) {

    .hide-for-small,
    .hide-for-medium,
    .hide-for-medium-down,
    .hide-for-large,
    .show-for-large-up,
    .show-for-xlarge {
        display: inherit !important;
    }

    .show-for-small,
    .show-for-medium,
    .show-for-medium-down,
    .show-for-large,
    .hide-for-large-up,
    .hide-for-xlarge {
        display: none !important;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {

    .hide-for-small,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large,
    .hide-for-large-up,
    .hide-for-xlarge {
        display: inherit !important;
    }

    .show-for-small,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large,
    .show-for-large-up,
    .show-for-xlarge {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {

    .show-for-small,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large,
    .hide-for-large-up,
    .hide-for-xlarge {
        display: inherit !important;
    }

    .hide-for-small,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large,
    .show-for-large-up,
    .show-for-xlarge {
        display: none !important;
    }
}

.show-for-landscape,
.hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}

@media screen and (orientation: landscape) {

    .show-for-landscape,
    .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
}

@media screen and (orientation: portrait) {

    .show-for-portrait,
    .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait,
    .show-for-landscape {
        display: none !important;
    }
}

.show-for-touch {
    display: none !important;
}

.hide-for-touch {
    display: inherit !important;
}

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

table.show-for-xlarge,
table.show-for-large,
table.hide-for-small,
table.hide-for-medium {
    display: table !important;
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {

    .touch table.hide-for-xlarge,
    .touch table.hide-for-large,
    .touch table.hide-for-small,
    .touch table.show-for-medium {
        display: table !important;
    }
}

@media only screen and (max-width: 767px) {

    table.hide-for-xlarge,
    table.hide-for-large,
    table.hide-for-medium,
    table.show-for-small {
        display: table !important;
    }
}

@media only screen and (max-device-width: 1280px) {
    .touch .nav-bar li.has-flyout > a {
        padding-right: 36px !important;
    }
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
    .flex-video {
        padding-top: 0;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 768px) {
    .touch .nav-bar li a {
        font-size: 9px;
    }

    .touch .nav-bar li.has-flyout > a.flyout-toggle {
        padding: 20px !important;
    }

    .touch .nav-bar li.has-flyout > a {
        padding-right: 36px !important;
    }

    .clearing-main-right,
    .clearing-main-left {
        height: 100%;
        width: 40px;
        top: 0;
        border: none;
    }

        .clearing-main-right:before,
        .clearing-main-left:before {
            position: absolute;
            top: 50%;
        }

    .clearing-main-left {
        left: 0;
    }

        .clearing-main-left:before {
            left: 5px;
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 16px;
            border-color: transparent white transparent transparent;
        }

    .clearing-main-right {
        height: 100%;
        right: 0;
    }

        .clearing-main-right:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 16px;
            border-color: transparent transparent transparent white;
        }
}

@media only screen and (max-width: 767px) {

    .left,
    .right {
        float: none;
    }

    body {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .row {
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .column,
    .columns {
        width: auto !important;
        float: none;
    }

        .column:last-child,
        .columns:last-child {
            float: none;
        }

    [class*="column"] + [class*="column"]:last-child {
        float: none;
    }

    .column:before,
    .columns:before,
    .column:after,
    .columns:after {
        content: "";
        display: table;
    }

    .column:after,
    .columns:after {
        clear: both;
    }

    .offset-by-one,
    .offset-by-two,
    .offset-by-three,
    .offset-by-four,
    .offset-by-five,
    .offset-by-six,
    .offset-by-seven,
    .offset-by-eight,
    .offset-by-nine,
    .offset-by-ten {
        margin-left: 0 !important;
    }

    .push-two,
    .push-three,
    .push-four,
    .push-five,
    .push-six,
    .push-seven,
    .push-eight,
    .push-nine,
    .push-ten {
        left: auto;
    }

    .pull-two,
    .pull-three,
    .pull-four,
    .pull-five,
    .pull-six,
    .pull-seven,
    .pull-eight,
    .pull-nine,
    .pull-ten {
        right: auto;
    }

    .row .mobile-one {
        width: 25% !important;
        float: left;
        padding: 0 10px;
    }

        .row .mobile-one:last-child {
            float: right;
        }

        .row .mobile-one.end {
            float: left;
        }

    .row.collapse .mobile-one {
        padding: 0;
    }

    .row .mobile-two {
        width: 50% !important;
        float: left;
        padding: 0 10px;
    }

        .row .mobile-two:last-child {
            float: right;
        }

        .row .mobile-two.end {
            float: left;
        }

    .row.collapse .mobile-two {
        padding: 0;
    }

    .row .mobile-three {
        width: 75% !important;
        float: left;
        padding: 0 10px;
    }

        .row .mobile-three:last-child {
            float: right;
        }

        .row .mobile-three.end {
            float: left;
        }

    .row.collapse .mobile-three {
        padding: 0;
    }

    .row .mobile-four {
        width: 100% !important;
        float: left;
        padding: 0 10px;
    }

        .row .mobile-four:last-child {
            float: right;
        }

        .row .mobile-four.end {
            float: left;
        }

    .row.collapse .mobile-four {
        padding: 0;
    }

    .push-one-mobile {
        left: 25%;
    }

    .pull-one-mobile {
        right: 25%;
    }

    .push-two-mobile {
        left: 50%;
    }

    .pull-two-mobile {
        right: 50%;
    }

    .push-three-mobile {
        left: 75%;
    }

    .pull-three-mobile {
        right: 75%;
    }

    .block-grid.mobile > li {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .block-grid > li {
        clear: none;
    }

    .block-grid.mobile-one-up > li {
        width: 100%;
    }

    .block-grid.mobile-two-up > li {
        width: 50%;
    }

        .block-grid.mobile-two-up > li:nth-child(2n+1) {
            clear: both;
        }

    .block-grid.mobile-three-up > li {
        width: 33.33333%;
    }

        .block-grid.mobile-three-up > li:nth-child(3n+1) {
            clear: both;
        }

    .block-grid.mobile-four-up > li {
        width: 25%;
    }

        .block-grid.mobile-four-up > li:nth-child(4n+1) {
            clear: both;
        }

    .block-grid.mobile-five-up > li {
        width: 20%;
    }

        .block-grid.mobile-five-up > li:nth-child(5n+1) {
            clear: both;
        }

    .block-grid.mobile-six-up > li {
        width: 16.66667%;
    }

        .block-grid.mobile-six-up > li:nth-child(6n+1) {
            clear: both;
        }

    .block-grid.mobile-seven-up > li {
        width: 14.28571%;
    }

        .block-grid.mobile-seven-up > li:nth-child(7n+1) {
            clear: both;
        }

    .block-grid.mobile-eight-up > li {
        width: 12.5%;
    }

        .block-grid.mobile-eight-up > li:nth-child(8n+1) {
            clear: both;
        }

    .block-grid.mobile-nine-up > li {
        width: 11.11111%;
    }

        .block-grid.mobile-nine-up > li:nth-child(9n+1) {
            clear: both;
        }

    .block-grid.mobile-ten-up > li {
        width: 10%;
    }

        .block-grid.mobile-ten-up > li:nth-child(10n+1) {
            clear: both;
        }

    .block-grid.mobile-eleven-up > li {
        width: 9.09091%;
    }

        .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
            clear: both;
        }

    .block-grid.mobile-twelve-up > li {
        width: 8.33333%;
    }

        .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
            clear: both;
        }

    label.right {
        text-align: left;
    }

    input[type="text"].one,
    .row input[type="text"].one,
    input[type="password"].one,
    .row input[type="password"].one,
    input[type="date"].one,
    .row input[type="date"].one,
    input[type="datetime"].one,
    .row input[type="datetime"].one,
    input[type="email"].one,
    .row input[type="email"].one,
    input[type="number"].one,
    .row input[type="number"].one,
    input[type="search"].one,
    .row input[type="search"].one,
    input[type="tel"].one,
    .row input[type="tel"].one,
    input[type="time"].one,
    .row input[type="time"].one,
    input[type="url"].one,
    .row input[type="url"].one,
    textarea.one,
    .row textarea.one {
        width: 100% !important;
    }

    input[type="text"].two,
    .row input[type="text"].two,
    input[type="password"].two,
    .row input[type="password"].two,
    input[type="date"].two,
    .row input[type="date"].two,
    input[type="datetime"].two,
    .row input[type="datetime"].two,
    input[type="email"].two,
    .row input[type="email"].two,
    input[type="number"].two,
    .row input[type="number"].two,
    input[type="search"].two,
    .row input[type="search"].two,
    input[type="tel"].two,
    .row input[type="tel"].two,
    input[type="time"].two,
    .row input[type="time"].two,
    input[type="url"].two,
    .row input[type="url"].two,
    textarea.two,
    .row textarea.two {
        width: 100% !important;
    }

    input[type="text"].three,
    .row input[type="text"].three,
    input[type="password"].three,
    .row input[type="password"].three,
    input[type="date"].three,
    .row input[type="date"].three,
    input[type="datetime"].three,
    .row input[type="datetime"].three,
    input[type="email"].three,
    .row input[type="email"].three,
    input[type="number"].three,
    .row input[type="number"].three,
    input[type="search"].three,
    .row input[type="search"].three,
    input[type="tel"].three,
    .row input[type="tel"].three,
    input[type="time"].three,
    .row input[type="time"].three,
    input[type="url"].three,
    .row input[type="url"].three,
    textarea.three,
    .row textarea.three {
        width: 100% !important;
    }

    input[type="text"].four,
    .row input[type="text"].four,
    input[type="password"].four,
    .row input[type="password"].four,
    input[type="date"].four,
    .row input[type="date"].four,
    input[type="datetime"].four,
    .row input[type="datetime"].four,
    input[type="email"].four,
    .row input[type="email"].four,
    input[type="number"].four,
    .row input[type="number"].four,
    input[type="search"].four,
    .row input[type="search"].four,
    input[type="tel"].four,
    .row input[type="tel"].four,
    input[type="time"].four,
    .row input[type="time"].four,
    input[type="url"].four,
    .row input[type="url"].four,
    textarea.four,
    .row textarea.four {
        width: 100% !important;
    }

    input[type="text"].five,
    .row input[type="text"].five,
    input[type="password"].five,
    .row input[type="password"].five,
    input[type="date"].five,
    .row input[type="date"].five,
    input[type="datetime"].five,
    .row input[type="datetime"].five,
    input[type="email"].five,
    .row input[type="email"].five,
    input[type="number"].five,
    .row input[type="number"].five,
    input[type="search"].five,
    .row input[type="search"].five,
    input[type="tel"].five,
    .row input[type="tel"].five,
    input[type="time"].five,
    .row input[type="time"].five,
    input[type="url"].five,
    .row input[type="url"].five,
    textarea.five,
    .row textarea.five {
        width: 100% !important;
    }

    input[type="text"].six,
    .row input[type="text"].six,
    input[type="password"].six,
    .row input[type="password"].six,
    input[type="date"].six,
    .row input[type="date"].six,
    input[type="datetime"].six,
    .row input[type="datetime"].six,
    input[type="email"].six,
    .row input[type="email"].six,
    input[type="number"].six,
    .row input[type="number"].six,
    input[type="search"].six,
    .row input[type="search"].six,
    input[type="tel"].six,
    .row input[type="tel"].six,
    input[type="time"].six,
    .row input[type="time"].six,
    input[type="url"].six,
    .row input[type="url"].six,
    textarea.six,
    .row textarea.six {
        width: 100% !important;
    }

    input[type="text"].seven,
    .row input[type="text"].seven,
    input[type="password"].seven,
    .row input[type="password"].seven,
    input[type="date"].seven,
    .row input[type="date"].seven,
    input[type="datetime"].seven,
    .row input[type="datetime"].seven,
    input[type="email"].seven,
    .row input[type="email"].seven,
    input[type="number"].seven,
    .row input[type="number"].seven,
    input[type="search"].seven,
    .row input[type="search"].seven,
    input[type="tel"].seven,
    .row input[type="tel"].seven,
    input[type="time"].seven,
    .row input[type="time"].seven,
    input[type="url"].seven,
    .row input[type="url"].seven,
    textarea.seven,
    .row textarea.seven {
        width: 100% !important;
    }

    input[type="text"].eight,
    .row input[type="text"].eight,
    input[type="password"].eight,
    .row input[type="password"].eight,
    input[type="date"].eight,
    .row input[type="date"].eight,
    input[type="datetime"].eight,
    .row input[type="datetime"].eight,
    input[type="email"].eight,
    .row input[type="email"].eight,
    input[type="number"].eight,
    .row input[type="number"].eight,
    input[type="search"].eight,
    .row input[type="search"].eight,
    input[type="tel"].eight,
    .row input[type="tel"].eight,
    input[type="time"].eight,
    .row input[type="time"].eight,
    input[type="url"].eight,
    .row input[type="url"].eight,
    textarea.eight,
    .row textarea.eight {
        width: 100% !important;
    }

    input[type="text"].nine,
    .row input[type="text"].nine,
    input[type="password"].nine,
    .row input[type="password"].nine,
    input[type="date"].nine,
    .row input[type="date"].nine,
    input[type="datetime"].nine,
    .row input[type="datetime"].nine,
    input[type="email"].nine,
    .row input[type="email"].nine,
    input[type="number"].nine,
    .row input[type="number"].nine,
    input[type="search"].nine,
    .row input[type="search"].nine,
    input[type="tel"].nine,
    .row input[type="tel"].nine,
    input[type="time"].nine,
    .row input[type="time"].nine,
    input[type="url"].nine,
    .row input[type="url"].nine,
    textarea.nine,
    .row textarea.nine {
        width: 100% !important;
    }

    input[type="text"].ten,
    .row input[type="text"].ten,
    input[type="password"].ten,
    .row input[type="password"].ten,
    input[type="date"].ten,
    .row input[type="date"].ten,
    input[type="datetime"].ten,
    .row input[type="datetime"].ten,
    input[type="email"].ten,
    .row input[type="email"].ten,
    input[type="number"].ten,
    .row input[type="number"].ten,
    input[type="search"].ten,
    .row input[type="search"].ten,
    input[type="tel"].ten,
    .row input[type="tel"].ten,
    input[type="time"].ten,
    .row input[type="time"].ten,
    input[type="url"].ten,
    .row input[type="url"].ten,
    textarea.ten,
    .row textarea.ten {
        width: 100% !important;
    }

    input[type="text"].eleven,
    .row input[type="text"].eleven,
    input[type="password"].eleven,
    .row input[type="password"].eleven,
    input[type="date"].eleven,
    .row input[type="date"].eleven,
    input[type="datetime"].eleven,
    .row input[type="datetime"].eleven,
    input[type="email"].eleven,
    .row input[type="email"].eleven,
    input[type="number"].eleven,
    .row input[type="number"].eleven,
    input[type="search"].eleven,
    .row input[type="search"].eleven,
    input[type="tel"].eleven,
    .row input[type="tel"].eleven,
    input[type="time"].eleven,
    .row input[type="time"].eleven,
    input[type="url"].eleven,
    .row input[type="url"].eleven,
    textarea.eleven,
    .row textarea.eleven {
        width: 100% !important;
    }

    input[type="text"].twelve,
    .row input[type="text"].twelve,
    input[type="password"].twelve,
    .row input[type="password"].twelve,
    input[type="date"].twelve,
    .row input[type="date"].twelve,
    input[type="datetime"].twelve,
    .row input[type="datetime"].twelve,
    input[type="email"].twelve,
    .row input[type="email"].twelve,
    input[type="number"].twelve,
    .row input[type="number"].twelve,
    input[type="search"].twelve,
    .row input[type="search"].twelve,
    input[type="tel"].twelve,
    .row input[type="tel"].twelve,
    input[type="time"].twelve,
    .row input[type="time"].twelve,
    input[type="url"].twelve,
    .row input[type="url"].twelve,
    textarea.twelve,
    .row textarea.twelve {
        width: 100% !important;
    }

    .button {
        display: block;
    }

    button.button,
    input[type="submit"].button,
    input[type="reset"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .button-group button.button,
    .button-group input[type="submit"].button {
        width: auto;
        padding: 10px 20px 11px;
    }

        .button-group button.button.large,
        .button-group input[type="submit"].button.large {
            padding: 15px 30px 16px;
        }

        .button-group button.button.medium,
        .button-group input[type="submit"].button.medium {
            padding: 10px 20px 11px;
        }

        .button-group button.button.small,
        .button-group input[type="submit"].button.small {
            padding: 7px 14px 8px;
        }

        .button-group button.button.tiny,
        .button-group input[type="submit"].button.tiny {
            padding: 5px 10px 6px;
        }

    .button-group.even button.button,
    .button-group.even input[type="submit"].button {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .nav-bar {
        height: auto;
    }

        .nav-bar > li {
            float: none;
            display: block;
            border-right: none;
        }

            .nav-bar > li > a.main {
                text-align: left;
                border-top: 1px solid #dddddd;
                border-right: none;
            }

            .nav-bar > li:first-child > a.main {
                border-top: none;
            }

            .nav-bar > li.has-flyout > a.flyout-toggle {
                position: absolute;
                right: 0;
                top: 0;
                padding: 22px;
                z-index: 2;
                display: block;
            }

            .nav-bar > li.has-flyout.is-touch > a.flyout-toggle span {
                content: "";
                width: 0;
                height: 0;
                display: block;
            }

            .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
                border-top-color: #141414;
            }

        .nav-bar.vertical > li.has-flyout > .flyout {
            left: 0;
        }

    .flyout {
        position: relative;
        width: 100% !important;
        top: auto;
        margin-right: -2px;
        border-width: 1px 1px 0 1px;
    }

        .flyout.right {
            float: none;
            right: auto;
            left: -1px;
        }

        .flyout.small,
        .flyout.large {
            width: 100% !important;
        }

        .flyout p:last-child {
            margin-bottom: 18px;
        }

    .reveal-modal-bg {
        position: absolute;
    }

    .reveal-modal,
    .reveal-modal.small,
    .reveal-modal.medium,
    .reveal-modal.large,
    .reveal-modal.xlarge {
        width: 80%;
        top: 15px;
        left: 50%;
        margin-left: -40%;
        padding: 20px;
        height: auto;
    }

    .clearing-container {
        margin: 0;
    }

    .clearing-close {
        z-index: 99;
        font-size: 26px;
        top: 0;
        right: 5px;
    }

    .clearing-caption {
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 10px !important;
        line-height: 1.3;
    }

    .clearing-main-right,
    .clearing-main-left {
        display: none;
    }

    .clearing-blackout.clearing-assembled .visible-img,
    .clearing-blackout.clearing-assembled .clearing-container {
        height: 100%;
    }

    .clearing-blackout.clearing-assembled ul[data-clearing] {
        display: none;
    }

    .joyride-tip-guide {
        width: 95% !important;
        left: 2.5% !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }

    .joyride-tip-guide-wrapper {
        width: 100%;
    }

    .tabs.mobile {
        width: auto;
        margin: 20px -20px 40px;
        border-bottom: solid 1px #cccccc;
        height: auto;
        margin: 20px -15px 0 -15px;
    }

        .tabs.mobile dt,
        .tabs.mobile li,
        .tabs.mobile dd {
            float: none;
            height: auto;
        }

            .tabs.mobile dd a,
            .tabs.mobile li a {
                font-size: 11px;
                display: block;
                width: auto;
                height: auto;
                padding: 18px 20px;
                margin: 0;
                color: #555;
                line-height: 1;
                border: none;
                border-left: none;
                border-right: none;
                border-top: 1px solid #cccccc;
                background: #fff;
            }

                .tabs.mobile dd a.active,
                .tabs.mobile li a.active {
                    border: none;
                    background: #2ba6cb;
                    color: #fff;
                    margin: 0;
                    position: static;
                    top: 0;
                    height: auto;
                }

            .tabs.mobile dd:first-child a.active,
            .tabs.mobile li:first-child a.active {
                margin: 0;
            }

        .tabs.mobile + .tabs-content.contained {
            margin-left: -15px;
            margin-right: -15px;
        }

        .tabs.mobile .section-title {
            padding-left: 20px !important;
        }

    .contained.mobile {
        margin-bottom: 0;
    }

    .contained.tabs.mobile dd a,
    .contained.tabs.mobile li a {
        padding: 18px 20px;
    }

    .tabs.mobile + ul.contained {
        margin-left: -20px;
        margin-right: -20px;
        border-width: 0 0 1px 0;
    }

    .tooltip {
        font-size: 14px;
        line-height: 1.4;
        padding: 7px 10px 9px 10px;
        left: 50% !important;
        max-width: 80% !important;
        margin-left: -40%;
        font-size: 110%;
    }

        .tooltip > .nub,
        .tooltip.top > .nub,
        .tooltip.left > .nub,
        .tooltip.right > .nub {
            border-color: transparent transparent black transparent;
            border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
            top: -12px;
            left: 10px;
        }
}

@media only screen and (max-width: 960px) {
    .top-bar {
        margin-bottom: 0;
        overflow: hidden;
        height: 45px;
        background: #222222;
    }

        .top-bar .js-generated {
            display: block;
        }

    .contain-to-grid .top-bar {
        width: auto;
    }

    .top-bar section {
        left: 0;
        position: relative;
        width: auto;
        -webkit-transition: left 300ms 0;
        -moz-transition: left 300ms 0;
        -o-transition: left 300ms 0;
        transition: left 300ms 0;
    }

    .top-bar ul {
        width: 100%;
        height: 100%;
        margin-bottom: 0;
        display: block;
    }

        .top-bar ul > li {
            float: none;
        }

            .top-bar ul > li.active,
            .top-bar ul > li:hover {
                background: #151515;
            }

            .top-bar ul > li.name {
                height: 45px;
            }

                .top-bar ul > li.name h1 {
                    line-height: 1;
                }

                    .top-bar ul > li.name h1 a {
                        color: white;
                        display: block;
                        line-height: 45px !important;
                        padding-left: 15px;
                        height: 45px;
                    }

            .top-bar ul > li:hover a,
            .top-bar ul > li.active a {
                color: white;
            }

            .top-bar ul > li a:not(.button) {
                color: white;
            }

            .top-bar ul > li.toggle-topbar {
                cursor: pointer;
                display: block;
                height: 45px;
                position: absolute;
                right: 0;
                top: 0;
                width: 50%;
            }

                .top-bar ul > li.toggle-topbar a {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border: solid 8px;
                    border-color: white transparent transparent transparent;
                    padding: 0;
                    position: absolute;
                    top: 50%;
                    right: 22.5px;
                    margin-top: -4px;
                }

                .top-bar ul > li.toggle-topbar:hover {
                    background: inherit;
                }

                .top-bar ul > li.toggle-topbar a {
                    padding: 0 !important;
                }

            .top-bar ul > li.divider {
                border-bottom: solid 1px #3c3c3c;
                border-top: solid 1px black;
                clear: both;
                height: 1px !important;
                margin: 8px 0 !important;
                width: 100%;
            }

            .top-bar ul > li.search {
                padding: 0 22.5px;
            }

                .top-bar ul > li.search form {
                    width: 100%;
                }

                    .top-bar ul > li.search form input[type=text] {
                        width: 75%;
                    }

                    .top-bar ul > li.search form .button {
                        top: -1px;
                        width: 25%;
                    }

            .top-bar ul > li.has-dropdown a {
                padding-right: 33.75px;
            }

                .top-bar ul > li.has-dropdown a:after {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border: solid 5px;
                    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
                    margin-right: 15px;
                    margin-top: -4.5px;
                    position: absolute;
                    top: 50%;
                }

            .top-bar ul > li.has-dropdown:hover > .dropdown {
                display: block;
                visibility: hidden;
            }

            .top-bar ul > li.has-dropdown .dropdown {
                visibility: hidden;
                z-index: 0 !important;
            }

            .top-bar ul > li.has-dropdown.moved {
                position: static;
            }

                .top-bar ul > li.has-dropdown.moved > .dropdown {
                    top: 0;
                    visibility: visible;
                }

                    .top-bar ul > li.has-dropdown.moved > .dropdown li label {
                        margin-bottom: 6px;
                        padding-top: 6px !important;
                        font-size: 7px;
                    }

                    .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) {
                        padding-bottom: 0;
                    }

                        .top-bar ul > li.has-dropdown.moved > .dropdown li:not(.title) a {
                            padding: 8px 22.5px;
                            font-size: 10px;
                        }

                    .top-bar ul > li.has-dropdown.moved > .dropdown li a,
                    .top-bar ul > li.has-dropdown.moved > .dropdown li label {
                        padding: 0 22.5px;
                    }

                        .top-bar ul > li.has-dropdown.moved > .dropdown li a:hover {
                            background: #3c3c3c;
                            display: block;
                        }

                    .top-bar ul > li.has-dropdown.moved > .dropdown li.divider {
                        border-bottom: solid 1px rgba(255, 255, 255, 0.1);
                        margin-top: 8px !important;
                        margin-bottom: 8px !important;
                    }

                .top-bar ul > li.has-dropdown.moved .back.title {
                    padding-bottom: 0;
                }

                    .top-bar ul > li.has-dropdown.moved .back.title a:before {
                        position: absolute;
                        top: 50%;
                        left: 17.5px;
                        margin-top: -5px;
                        width: 0;
                        height: 0;
                        content: "";
                        display: block;
                        width: 0;
                        height: 0;
                        border: solid 5px;
                        border-color: transparent white transparent transparent;
                    }

                    .top-bar ul > li.has-dropdown.moved .back.title h5 {
                        margin: 0;
                        padding-left: 15px;
                        position: relative;
                    }

                        .top-bar ul > li.has-dropdown.moved .back.title h5 a {
                            background: transparent;
                            padding-top: 8px;
                            padding-bottom: 8px;
                            font-size: 16px;
                            font-weight: bold;
                        }

            .top-bar ul > li.has-dropdown .dropdown li {
                background: transparent;
            }

                .top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
                    left: 100% !important;
                    top: 0;
                    right: auto !important;
                }

                .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
                    padding-right: 33.75px;
                }

                    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
                        content: "";
                        margin-right: 15px;
                        content: "";
                        display: block;
                        width: 0;
                        height: 0;
                        border: solid 5px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
                        position: absolute;
                        top: 50%;
                        margin-top: -4.5px;
                    }

                    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a li a:hover {
                        background: #3c3c3c;
                    }

                .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved {
                    position: static;
                }

                    .top-bar ul > li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
                        top: 0;
                        visibility: visible;
                    }

                .top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover {
                    display: block;
                }

        .top-bar ul.left,
        .top-bar ul.right {
            float: none;
            width: 100%;
        }

            .top-bar ul.left > li,
            .top-bar ul.right > li {
                display: block;
                float: none;
                margin: 0 !important;
            }

                .top-bar ul.left > li.has-dropdown .dropdown,
                .top-bar ul.right > li.has-dropdown .dropdown {
                    left: 100% !important;
                    top: 0;
                    right: auto !important;
                }

    .top-bar section > ul li a:not(.button) {
        padding-left: 22.5px !important;
    }

    .top-bar.expanded {
        height: 100%;
    }

        .top-bar.expanded ul li.toggle-topbar a {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 8px;
            border-color: transparent transparent #cccccc transparent;
            top: auto;
            bottom: 50%;
            margin-bottom: -4px;
        }

    .top-bar ul li.has-button {
        padding: 5px 15px;
    }

    .top-bar ul li .button.small {
        margin: 0 !important;
        display: inline-block;
        width: 100%;
    }

    .top-bar ul > li.has-button a.button {
        margin: 0;
    }
}

body {
    background-color: #FFFEF4;
}

    body#tinymce img.mceItemAudio {
        height: 25px;
    }

* {
    vertical-align: top;
}

.antifloat {
    display: block;
    height: 1px;
    overflow: hidden;
    width: 100%;
    clear: both;
    margin: 0 0 -1px 0;
    line-height: normal !important;
}

.icone {
    text-indent: -50000px;
    overflow: hidden;
}

.exterieur {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.fond {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.interieur {
    display: block;
    position: relative;
    z-index: 2;
}

.forceGauche {
    clear: left;
}

.neufTranches {
    display: block;
    position: relative;
    width: 100%;
}

    .neufTranches .interieur {
        display: block;
        position: relative;
        z-index: 2;
        padding: 10px;
    }

    .neufTranches .fond {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding: 9px 0;
    }

        .neufTranches .fond .haut {
            height: 9px;
            width: 100%;
            padding: 0 9px;
            position: absolute;
            top: 0;
            left: 0;
        }

            .neufTranches .fond .haut .gauche {
                position: absolute;
                left: -8px;
                top: -8px;
                width: 17px;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -150px -130px;
            }

            .neufTranches .fond .haut .droite {
                position: absolute;
                right: -8px;
                top: -8px;
                width: 17px;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -170px -130px;
            }

            .neufTranches .fond .haut .centre {
                width: 100%;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1194px;
                margin: -8px 0 0 0;
            }

        .neufTranches .fond .bas {
            height: 9px;
            width: 100%;
            padding: 0 9px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .neufTranches .fond .bas .gauche {
                position: absolute;
                left: -8px;
                top: 0;
                width: 17px;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -150px -150px;
            }

            .neufTranches .fond .bas .droite {
                position: absolute;
                right: -8px;
                top: 0;
                width: 17px;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -170px -150px;
            }

            .neufTranches .fond .bas .centre {
                width: 100%;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1214px;
            }

        .neufTranches .fond .milieu {
            height: 100%;
            width: 100%;
            padding: 0 9px;
            position: relative;
        }

            .neufTranches .fond .milieu .gauche {
                position: absolute;
                left: -8px;
                top: 0;
                width: 17px;
                height: 100%;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -304px 0;
            }

            .neufTranches .fond .milieu .droite {
                position: absolute;
                right: -8px;
                top: 0;
                width: 17px;
                height: 100%;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -324px 0;
            }

            .neufTranches .fond .milieu .centre {
                height: 100%;
                background: #FFFEF5 none;
            }

.reveal-modal {
    z-index: 9999;
}

#modalSaisons h3,
#modalSaisons p {
    margin: 0;
}

ul#btnResaux li {
    background: none;
    display: inline-block;
    width: 125px;
    padding: 0;
}

    ul#btnResaux li div {
        display: block !important;
    }

a.bouton,
span.bouton {
    display: inline-block;
    height: 31px;
    position: relative;
    margin: 0 8px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

    a.bouton span.gauche,
    span.bouton span.gauche {
        position: absolute;
        left: -8px;
        top: 0;
        display: block;
        width: 8px;
        height: 31px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -120px;
    }

    a.bouton span.droite,
    span.bouton span.droite {
        position: absolute;
        right: -8px;
        top: 0;
        display: block;
        width: 8px;
        height: 31px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -10px -120px;
    }

    a.bouton span.contenu,
    span.bouton span.contenu {
        display: inline-block;
        font-size: 1.2em;
        line-height: 1.25em;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        padding: 6px 2px 0 0;
        text-align: center;
        margin: 0 auto;
    }

    a.bouton:hover,
    span.bouton:hover {
        background-position: 0 -34px;
        text-decoration: none;
    }

        a.bouton:hover span.gauche,
        span.bouton:hover span.gauche {
            background-position: -20px -120px;
        }

        a.bouton:hover span.droite,
        span.bouton:hover span.droite {
            background-position: -30px -120px;
        }

        a.bouton:hover span.contenu,
        span.bouton:hover span.contenu {
            text-decoration: none;
        }

p a.bouton span.contenu {
    font-size: 0.9230em;
}

p a.bouton.grand span.contenu {
    font-size: 1.2307em;
}

a.bouton.orange {
    background-position: 0 -184px;
}

    a.bouton.orange span.gauche {
        background-position: -40px -120px;
    }

    a.bouton.orange span.droite {
        background-position: -50px -120px;
    }

    a.bouton.orange:hover {
        background-position: 0 -218px;
    }

        a.bouton.orange:hover span.gauche {
            background-position: -60px -120px;
        }

        a.bouton.orange:hover span.droite {
            background-position: -70px -120px;
        }

a.bouton.grand {
    height: 55px;
    background-position: 0 -68px;
    font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
}

    a.bouton.grand span.gauche {
        height: 55px;
        background-position: 0 -160px;
    }

    a.bouton.grand span.droite {
        height: 55px;
        background-position: -10px -160px;
    }

    a.bouton.grand span.tuteur {
        height: 52px;
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        margin: 0 -1px 0 0;
    }

    a.bouton.grand span.contenu {
        font-size: 1.6em;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
    }

    a.bouton.grand span#contenuFooter {
        font-size: 1.6em;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
    }

    a.bouton.grand:hover {
        background-position: 0 -126px;
    }

        a.bouton.grand:hover span.gauche {
            background-position: -20px -160px;
        }

        a.bouton.grand:hover span.droite {
            background-position: -30px -160px;
        }

    a.bouton.grand.orange {
        background-position: 0 -252px;
    }

        a.bouton.grand.orange span.gauche {
            background-position: -40px -160px;
        }

        a.bouton.grand.orange span.droite {
            background-position: -50px -160px;
        }

        a.bouton.grand.orange:hover {
            background-position: 0 -310px;
        }

            a.bouton.grand.orange:hover span.gauche {
                background-position: -60px -160px;
            }

            a.bouton.grand.orange:hover span.droite {
                background-position: -70px -160px;
            }

a.bouton.mega {
    height: 54px;
    background-position: 0 -801px;
    font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
}

    a.bouton.mega span.gauche {
        width: 11px;
        height: 54px;
        background-position: -38px -160px;
    }

    a.bouton.mega span.droite {
        width: 11px;
        height: 54px;
        background-position: -47px -160px;
    }

    a.bouton.mega span.contenu {
        font-size: 3em;
        line-height: 1.2666em;
        padding: 26px 2px 0 0;
        text-transform: uppercase;
        text-shadow: 0 -1px rgba(0, 0, 0, 1);
    }

    a.bouton.mega:hover {
        background-position: 0 -896px;
    }

        a.bouton.mega:hover span.gauche {
            background-position: -38px -160px;
        }

        a.bouton.mega:hover span.droite {
            background-position: -47px -160px;
        }

    a.bouton.mega.orange {
        background-position: 0 -252px;
    }

        a.bouton.mega.orange span.gauche {
            background-position: -38px -160px;
        }

        a.bouton.mega.orange span.droite {
            background-position: -48px -160px;
        }

        a.bouton.mega.orange:hover {
            background-position: 0 -310px;
        }

            a.bouton.mega.orange:hover span.gauche {
                background-position: -58px -160px;
            }

            a.bouton.mega.orange:hover span.droite {
                background-position: -68px -160px;
            }

a.bouton.avecIcone {
    background: transparent none;
    font-family: 'Open-Sans Bold', Arial, Helvetica, sans-serif;
    margin: 34px 8px 0 8px;
    float: none;
    z-index: 2;
}

    a.bouton.avecIcone.videos {
        margin: 10px 8px 0 8px;
    }

    a.bouton.avecIcone span.gauche {
        background-position: -920px -160px;
        z-index: 2;
    }

    a.bouton.avecIcone span.droite {
        background-position: -930px -160px;
        z-index: 2;
    }

    a.bouton.avecIcone span.centre {
        display: block;
        width: 100%;
        height: 55px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2488px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
    }

    a.bouton.avecIcone span.icone {
        display: block;
        width: 34px;
        height: 34px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 0;
        position: absolute;
        top: 8px;
        left: 5px;
        z-index: 3;
        z-index: 3;
    }

        a.bouton.avecIcone span.icone.camera {
            background-position: -960px -160px;
        }

    a.bouton.avecIcone span.icones {
        display: block;
        width: 34px;
        height: 34px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -820px -398px;
        position: absolute;
        left: 5px;
        z-index: 3;
        z-index: 3;
    }

    a.bouton.avecIcone:hover span.icones {
        background-position: -860px -398px;
    }

    a.bouton.avecIcone span.contenu {
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
        padding: 16px 12px 0 50px;
        position: relative;
        z-index: 3;
        font-weight: normal;
    }

    a.bouton.avecIcone span#contenuFooter {
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
        padding: 16px 12px 0 46px;
        position: relative;
        z-index: 3;
        font-weight: normal;
    }

    a.bouton.avecIcone span#contenuFooterVideos {
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
        padding: 16px 16px 0 46px;
        position: relative;
        z-index: 3;
        font-weight: normal;
    }

    a.bouton.avecIcone:hover span.gauche {
        background-position: -940px -160px;
    }

    a.bouton.avecIcone:hover span.droite {
        background-position: -950px -160px;
    }

    a.bouton.avecIcone:hover span.centre {
        background-position: 0 -2546px;
    }

    a.bouton.avecIcone:hover span.icone.camera {
        background-position: -1000px -160px;
    }

    a.bouton.avecIcone span.ombre {
        display: block;
        width: 260px;
        height: 54px;
        z-index: 1;
        margin: -9px -26px 0 -26px;
    }

        a.bouton.avecIcone span.ombre span.gauche {
            float: left;
            width: 129px;
            height: 54px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1040px -150px;
            position: static;
        }

        a.bouton.avecIcone span.ombre span.droite {
            float: right;
            width: 129px;
            height: 54px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1180px -150px;
            position: static;
        }

        a.bouton.avecIcone span.ombre span.centre {
            display: block;
            height: 54px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2604px;
            position: static;
            margin: 0 129px;
            width: auto;
        }

a.bouton#reinitialiserDate {
    float: right;
    margin-right: 14px;
}

a.bouton .iconeReinit {
    display: inline-block;
    width: 13px;
    height: 14px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1280px -290px;
    margin: 0;
}

a.neufTranches.bouton {
    position: relative;
    background: transparent none;
    margin: 0;
}

    a.neufTranches.bouton > .fond {
        padding: 8px 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
    }

        a.neufTranches.bouton > .fond .haut {
            padding: 0 8px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            display: block;
        }

            a.neufTranches.bouton > .fond .haut .gauche {
                width: 8px;
                height: 8px;
                position: absolute;
                top: -0;
                left: -0;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -120px;
                display: block;
            }

            a.neufTranches.bouton > .fond .haut .droite {
                width: 8px;
                height: 8px;
                position: absolute;
                top: -0;
                right: -0;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -10px -120px;
                display: block;
            }

            a.neufTranches.bouton > .fond .haut .centre {
                width: 100%;
                height: 8px;
                margin: -0 0 0 0;
                display: block;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 0;
            }

        a.neufTranches.bouton > .fond .milieu {
            width: 100%;
            height: 100%;
            position: relative;
            padding: 0 8px;
            display: block;
        }

            a.neufTranches.bouton > .fond .milieu .gauche {
                height: 100%;
                width: 8px;
                position: absolute;
                top: 0;
                left: -0;
                display: block;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -878px 0;
            }

            a.neufTranches.bouton > .fond .milieu .droite {
                height: 100%;
                width: 8px;
                position: absolute;
                top: 0;
                right: -0;
                display: block;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -889px 0;
            }

            a.neufTranches.bouton > .fond .milieu .centre {
                width: 100%;
                height: 100%;
                display: block;
                background-color: #1235BD;
            }

        a.neufTranches.bouton > .fond .bas {
            padding: 0 8px;
            position: absolute;
            bottom: -0;
            left: 0;
            width: 100%;
            display: block;
        }

            a.neufTranches.bouton > .fond .bas .gauche {
                width: 8px;
                height: 8px;
                position: absolute;
                top: 0;
                left: -0;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -142px;
                display: block;
            }

            a.neufTranches.bouton > .fond .bas .droite {
                width: 8px;
                height: 8px;
                position: absolute;
                top: 0;
                right: -0;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -10px -142px;
                display: block;
            }

            a.neufTranches.bouton > .fond .bas .centre {
                width: 100%;
                height: 8px;
                display: block;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -22px;
            }

    a.neufTranches.bouton > .contenu {
        position: relative;
        z-index: 2;
        display: block;
        padding: 7px 2px 0 0;
    }

    a.neufTranches.bouton:hover > .fond .haut .gauche {
        background-position: -20px -120px;
    }

    a.neufTranches.bouton:hover > .fond .haut .droite {
        background-position: -30px -120px;
    }

    a.neufTranches.bouton:hover > .fond .haut .centre {
        background-position: 0 -34px;
    }

    a.neufTranches.bouton:hover > .fond .milieu .centre {
        background-color: #0C33F4;
    }

    a.neufTranches.bouton:hover > .fond .bas .gauche {
        background-position: -20px -142px;
    }

    a.neufTranches.bouton:hover > .fond .bas .droite {
        background-position: -30px -142px;
    }

    a.neufTranches.bouton:hover > .fond .bas .centre {
        background-position: 0 -56px;
    }

    a.neufTranches.bouton:hover > .fond .milieu .gauche {
        background-position: -900px 0;
    }

    a.neufTranches.bouton:hover > .fond .milieu .droite {
        background-position: -911px 0;
    }

div.lienPageFouDesIles {
    display: block;
    width: 180px;
    height: 50px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -186px -398px;
    line-height: 35px;
    text-align: center;
    margin-top: 20px;
}

    div.lienPageFouDesIles:hover {
        background-position: -186px -449px;
    }

    div.lienPageFouDesIles a {
        color: #FFFFFF;
        font-size: 1.5em;
        text-decoration: none;
        font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
        font-weight: bold;
    }

div#hautPageMobile {
    height: 42px;
    background-color: #154406;
    padding: 0;
}

a#boutonMenuMobile {
    display: block;
    width: 115px;
    height: 38px;
    font-size: 1.8em;
    font-weight: bold;
    color: #FFFFE5;
    padding: 11px 0 0 47px;
    position: relative;
    text-transform: uppercase;
    border-right: 1px solid #000;
    z-index: 10;
}

    a#boutonMenuMobile span {
        display: block;
        width: 16px;
        height: 15px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -180px -150px;
        position: absolute;
        top: 13px;
        left: 13px;
    }

a#lienLangueMobile {
    float: right;
    font-size: 1.8em;
    height: 38px;
    padding: 11px 9px 0 9px;
    color: #960000;
    text-transform: uppercase;
    border-right: 1px solid #CF2F0F;
    text-shadow: 0 -1px rgba(179, 43, 15, 0.75);
}

a#favorisMobile {
    float: right;
    width: 40px;
    height: 38px;
    padding: 8px 0 0 0;
}

    a#favorisMobile span {
        display: block;
        width: 23px;
        height: 23px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -220px -150px;
        margin: 0 auto;
    }

a#rechercheMobile {
    float: right;
    width: 40px;
    height: 38px;
    padding: 9px 0 0 0;
    border-left: 1px solid #CF2F0F;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -730px;
    z-index: 6;
}

    a#rechercheMobile span {
        display: block;
        width: 21px;
        height: 21px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -150px -200px;
        margin: 0 auto;
        text-indent: -50000px;
        overflow: hidden;
    }

/* get rid of teh bottom 2 things    //jeb*/
.orange-background,
div#hautPage,
div#hautPage div.interieur {
    background: url(../../images/site/fond_hautPage.gif) repeat scroll center 0;
}

    div#hautPage div.interieur.row {
        width: 100%;
    }

    div#hautPage div.gauche.columns {
        float: left;
        margin: -127px 0 0 0;
        padding: 0 1%;
    }

    div#hautPage div.droite.columns {
        float: right;
        margin: -127px 0 0 0;
        padding: 0 1%;
    }

    div#hautPage div.centre.columns {
        margin: 0 auto;
        float: none;
    }

ul.reseauxSociaux {
    margin: 0;
    padding: 12px 0 0 4px;
    float: left;
}

    ul.reseauxSociaux li {
        float: left;
        list-style: none outside none;
        margin: 0 11px 0 0;
        padding: 0;
        background: transparent none;
    }

a.icone.facebook {
    display: block;
    width: 15px;
    height: 28px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -398px;
}

    a.icone.facebook:hover {
        background-position: 0 -425px;
    }

a.icone.twitter {
    display: block;
    width: 28px;
    height: 28px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -18px -395px;
}

    a.icone.twitter:hover {
        background-position: -18px -421px;
    }

a.icone.youtube {
    display: block;
    width: 29px;
    height: 29px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -49px -398px;
}

    a.icone.youtube:hover {
        background-position: -49px -425px;
    }

a.icone.pinterest {
    display: block;
    width: 29px;
    height: 29px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -78px -397px;
}

    a.icone.pinterest:hover {
        background-position: -78px -423px;
    }

a.icone.instagram {
    display: block;
    width: 29px;
    height: 29px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -107px -397px;
}

    a.icone.instagram:hover {
        background-position: -107px -423px;
    }

img.heightFixed {
    height: 147px;
}

ul.reseauxSociaux.mobile {
    white-space: normal;
    text-align: center;
    width: 100%;
    margin: 0 0 30px 0;
}

    ul.reseauxSociaux.mobile li {
        width: 25%;
        margin: 0 -5px;
        display: inline-block;
        float: none;
    }

.mobile a.icone.facebook {
    display: inline-block;
    width: 87px;
    height: 75px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1000px -70px;
}

    .mobile a.icone.facebook:hover {
        background-position: -1000px -70px;
    }

.mobile a.icone.twitter {
    display: inline-block;
    width: 87px;
    height: 75px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1090px -70px;
}

    .mobile a.icone.twitter:hover {
        background-position: -1090px -70px;
    }

.mobile a.icone.youtube {
    display: inline-block;
    width: 87px;
    height: 75px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1180px -70px;
}

    .mobile a.icone.youtube:hover {
        background-position: -1180px -70px;
    }

.mobile a.icone.pinterest {
    display: inline-block;
    width: 87px;
    height: 75px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1270px -70px;
}

    .mobile a.icone.pinterest:hover {
        background-position: -1270px -70px;
    }

ul.navTertiaire {
    float: left;
    margin: 0;
    padding: 25px 0 0 0;
    white-space: nowrap;
    width: 225px;
}

    ul.navTertiaire li {
        display: inline-block;
        float: left;
        list-style: none outside none;
        font-size: 1.3em;
        padding: 6px 10px;
        border-right: 1px solid #E3E0C0;
        line-height: 1.2307em;
        background: transparent none;
    }

        ul.navTertiaire li.dernier {
            padding: 5px 0 5px 10px;
            border: none;
            margin: 0 -30px 0 0;
        }

        ul.navTertiaire li a:link,
        ul.navTertiaire li a:visited {
            color: #1235BD;
            text-decoration: none;
        }

        ul.navTertiaire li a:hover {
            text-decoration: underline;
        }

#rechercheHaut {
    padding: 0;
    margin: 0 0 15px 0;
}

    #rechercheHaut div.boiteChamp {
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -90px;
        width: 217px;
        height: 28px;
    }

        #rechercheHaut div.boiteChamp label {
            float: left;
            width: 1px;
            text-indent: -50000px;
            overflow: hidden;
            margin: 0 0 0 -1px;
        }

        #rechercheHaut div.boiteChamp input {
            border: none;
            background: transparent none;
            -webkit-box-shadow: 0 0;
            -moz-box-shadow: 0 0;
            box-shadow: 0 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            font-size: 1.3em;
            float: left;
            width: 186px;
        }

            #rechercheHaut div.boiteChamp input.submit {
                width: 31px;
                height: 28px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -60px;
                text-indent: -50000px;
                overflow: hidden;
                float: left;
                margin: 0 -50px 0 0;
                cursor: pointer;
                text-align: left;
                overflow: hidden;
            }

                #rechercheHaut div.boiteChamp input.submit:hover {
                    background-position: -40px -60px;
                }

#boiteRechercheMobile {
    padding: 5px 40px 4px 5px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -730px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    display: none;
}

    #boiteRechercheMobile #rechercheHaut {
        width: 100%;
        padding: 0;
        margin: 0;
    }

        #boiteRechercheMobile #rechercheHaut div.boiteChamp {
            background: transparent none;
            width: 100%;
        }

            #boiteRechercheMobile #rechercheHaut div.boiteChamp input {
                width: 100%;
                background-color: #FFFFFF;
                border: 1px solid #E4E3BD;
                border-right: none;
            }

        #boiteRechercheMobile #rechercheHaut .submit {
            display: none;
        }

/*//jeb format in vs code :) and then minimize in production somehow! */
a#logo {
    display: inline-block !important;
    width: 200px;
    height: 200px;
    background: transparent url(../../images/logos/t2.png) no-repeat;
    margin: 19px auto 0 auto;
    background-size: contain;
}

a#logoTwo {
    display: inline-block !important;
    width: 200px;
    height: 195px;
    background: transparent url(../../images/logos/t1.png) no-repeat;
    margin: 19px auto 0 auto;
    background-size: contain;
}

a#logoMobile {
    display: block;
    width: 143px;
    height: 66px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -290px;
    margin: 10px auto 0 auto;
}

#hautPage a.bouton {
    margin: 0 8px;
    float: right;
}

    #hautPage a.bouton span.contenu {
        white-space: nowrap;
    }

a.bouton.favoris:link,
a.bouton.favoris:visited {
    height: 28px;
    background-position: 0 -368px;
    float: left;
}

a.bouton.favoris span.gauche {
    width: 25px;
    height: 28px;
    background-position: -80px -120px;
    left: -25px;
    z-index: 3;
}

a.bouton.favoris span.droite {
    width: 16px;
    height: 28px;
    background-position: -110px -120px;
    right: -16px;
    z-index: 3;
}

a.bouton.favoris span.contenu {
    color: #FFFFFF;
    padding: 6px 0 0 5px;
    margin: 0 -7px 0 0;
    font-size: 0.9230em;
    position: relative;
    z-index: 5;
}

div#membreDroite a.favoris.bouton span.contenu {
    color: #1235BD;
}

a.bouton.favoris:hover {
    background-position: 0 -399px;
    text-decoration: none;
}

    a.bouton.favoris:hover span.gauche {
        background-position: -130px -120px;
    }

    a.bouton.favoris:hover span.droite {
        background-position: -160px -120px;
    }

ul#navActivitesFavoris a.bouton.favoris {
    margin: -6px 16px 0 25px;
}

a.bouton.favoris.opaque:link,
a.bouton.favoris.opaque:visited {
    background-position: 0 -1622px;
    height: 30px;
}

a.bouton.favoris.opaque span.gauche {
    background-position: -180px -120px;
    height: 30px;
}

a.bouton.favoris.opaque span.droite {
    background-position: -210px -120px;
    height: 30px;
}

a.bouton.favoris.opaque:hover {
    background-position: 0 -1655px;
}

    a.bouton.favoris.opaque:hover span.gauche {
        background-position: -230px -120px;
    }

    a.bouton.favoris.opaque:hover span.droite {
        background-position: -260px -120px;
    }

div.boiteInfoMembreDroite.sansTarification {
    margin-bottom: 50px;
    margin-left: 16px;
}

    div.boiteInfoMembreDroite.sansTarification a.bouton.favoris.opaque span.contenu {
        font-size: 1.1em;
        line-height: 1.4545em;
        margin: 0 -7px 0 -4px;
    }

ul#navActivitesFavoris {
    float: right;
    margin: 0 0 10px 0;
    padding-top: 20px;
}

    ul#navActivitesFavoris li {
        float: right;
        list-style: none outside none;
        font-size: 1.3em;
        line-height: 1.2307em;
        background: transparent none;
    }

        ul#navActivitesFavoris li.dernier {
            border: none;
            padding: 6px 0 6px 10px;
        }

        ul#navActivitesFavoris li.nouveauBouton {
            display: block;
            width: 46px;
            height: 28px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -410px -398px;
            margin-left: 20px;
        }

            ul#navActivitesFavoris li.nouveauBouton:hover {
                display: block;
                width: 46px;
                height: 28px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -468px -398px;
                margin-left: 20px;
            }

        ul#navActivitesFavoris li a:link,
        ul#navActivitesFavoris li a:visited {
            color: #1235BD;
            text-decoration: none;
            text-transform: uppercase;
        }

        ul#navActivitesFavoris li a span#panierNbElements,
        ul#navActivitesFavoris li a span#panierNbElements {
            color: #FFFFFF;
            text-decoration: none;
            text-transform: uppercase;
            position: relative;
            top: 8px;
            left: 13px;
        }

        ul#navActivitesFavoris li a:hover {
            text-decoration: underline;
        }

#navActivitesFavoris li.nouveauBouton a {
    margin: 0 0 0 -15px !important;
    display: block;
    width: 43px;
    height: 100%;
    padding-left: 15px;
}

#boiteFilDArianneNormal div.filDArianne {
    position: relative;
    z-index: 2;
    margin: 0 auto -16px auto;
}

    #boiteFilDArianneNormal div.filDArianne ul,
    div.filDArianne li,
    div.filDArianne a {
        margin: 0;
        padding: 0;
        float: left;
        text-transform: uppercase;
        color: #A6A284;
        font-weight: bold;
    }

    #boiteFilDArianneNormal div.filDArianne ul {
        padding: 17px 5px 0 5px;
    }

        #boiteFilDArianneNormal div.filDArianne ul ul {
            padding: 0;
        }

        #boiteFilDArianneNormal div.filDArianne ul li {
            font-size: 1em;
            line-height: 1.4em;
        }

    #boiteFilDArianneNormal div.filDArianne a:link,
    #boiteFilDArianneNormal div.filDArianne a:visited {
        color: #1235BD;
        text-decoration: underline;
        padding: 0 10px 0 0;
        margin: 0 4px 0 0;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll right -26px;
    }

    #boiteFilDArianneNormal div.filDArianne a:hover {
        color: #0C33F4;
    }

#boiteFilDArianneMobile div.filDArianne {
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

    #boiteFilDArianneMobile div.filDArianne ul,
    div.filDArianne li,
    div.filDArianne a {
        margin: 0;
        padding: 0;
        float: left;
        text-transform: uppercase;
        color: #A6A284;
        font-weight: bold;
        background: transparent none;
    }

    #boiteFilDArianneMobile div.filDArianne ul {
        padding: 0;
    }

        #boiteFilDArianneMobile div.filDArianne ul ul {
            padding: 0;
        }

        #boiteFilDArianneMobile div.filDArianne ul li {
            font-size: 1em;
            line-height: 1.4em;
        }

    #boiteFilDArianneMobile div.filDArianne a:link,
    #boiteFilDArianneMobile div.filDArianne a:visited {
        color: #1235BD;
        text-decoration: underline;
        padding: 0 10px 0 0;
        margin: 0 4px 0 0;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll right -26px;
    }

    #boiteFilDArianneMobile div.filDArianne a:hover {
        color: #0C33F4;
    }

#cadreFilDArianne {
    background-color: #FFFBE1;
    border-top: 1px solid #EDE496;
    padding: 10px;
}

#fondFilDArianneMobile {
    background-color: #FFFFFF;
    border: 1px solid #EDE496;
    padding: 10px;
}

    #fondFilDArianneMobile h2 {
        padding: 0;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 2em;
        font-weight: bold;
        line-height: 1.2em;
    }

div.separateurPleineLargeur {
    width: 100%;
    height: 66px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll center -220px;
    margin: 0 0 -10px 0;
}

span.icone.flecheBleue {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 9px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -80px -60px;
}

div#basDePage {
    background-color: #FFFCE1;
    border-top: 1px solid #EDE496;
}

    div#basDePage h6 {
        font-family: Arial, Helvetica, sans-serif;
        color: #1235BD;
        font-size: 1.6em;
        line-height: 1.1875em;
        font-style: italic;
        margin: 0 0 10px 0;
    }

        div#basDePage h6 a:link,
        div#basDePage h6 a:visited {
            color: #1235BD;
        }

        div#basDePage h6 a:hover,
        div#basDePage h6 a:hover * {
            text-decoration: underline;
        }

    div#basDePage ul {
        margin: 0 0 35px 0;
    }

        div#basDePage ul li {
            list-style: none outside none;
            padding: 0;
            background: transparent none;
            font-size: 1.3em;
            line-height: 1.4615em;
            z-index: 20;
        }

            div#basDePage ul li a:link {
                text-decoration: none;
                color: #5D5D5D;
            }

            div#basDePage ul li a:visited {
                text-decoration: visited;
                color: #848484;
            }

            div#basDePage ul li a:hover {
                text-decoration: none;
            }

    div#basDePage div.pagesOrphelines {
        border-top: 1px solid #CCC2A2;
        padding-top: 29px;
    }

div.boitePartenaires {
    border-top: 1px solid #CCC2A2;
    padding-top: 30px;
}

    div.boitePartenaires div.twelve.columns {
        margin: 0 auto 12px auto;
    }

a#logoQuebecMaritime {
    display: block;
    width: 197px;
    height: 83px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -710px 0;
}

    a#logoQuebecMaritime:hover {
        background-position: -710px -90px;
    }

div.boiteLogoBQ {
    padding-top: 20px;
}

a#logoTourismeQuebec {
    display: block;
    width: 173px;
    height: 42px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -530px 0;
    margin: 20px 0 0 0;
}

    a#logoTourismeQuebec:hover {
        background-position: -530px -80px;
    }

div.boiteLike {
    padding: 20px 0 0 0;
}

    div.boiteLike iframe {
        margin: 0 0 0 50%;
    }

    div.boiteLike img {
        margin: 0 4px 0 0;
    }

    div.boiteLike img,
    div.boiteLike iframe {
        float: left;
    }

    div.boiteLike a:link,
    div.boiteLike a:visited {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 1.3em;
        color: #3A5388;
        font-weight: bold;
        text-decoration: underline;
        line-height: 1.3076em;
        display: block;
        margin: 0 0 3px 0;
    }

div.publications {
    border-top: 1px solid #CCC2A2;
    padding: 15px 0;
}

div#basDePage div.publications h1 {
    margin: 0;
    padding: 20px 0;
}

div.boitePartenaires div.brochure a {
    display: block;
    width: 219px;
    height: 87px;
    padding: 1px 0;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -32px 0;
}

    div.boitePartenaires div.brochure a span.imageBrochure {
        display: block;
        width: 75px;
        height: 113px;
        float: left;
    }

    div.boitePartenaires div.brochure a span.libele {
        float: left;
        width: 138px;
        padding: 23px 0 0 16px;
    }

div#publication label.lblPublication {
    text-align: left;
}

div#basDePage .publications h6 {
    padding-top: 20px;
    font-size: 14px;
}

div#basDePage div.five.columns.brochure {
    padding: 0 10px 0 0;
}

div#basDePage div.five.columns.boiteInfolettre {
    padding: 0 0 0 10px;
}

div.row.brochure-voir_iles {
    margin-bottom: 25px;
}

div.voir_iles {
    margin-top: -33px;
}

div#basDePage div.boiteReseauxSociaux h1 {
    color: #2A2A29;
    padding: 20px 0 0 0;
    font-size: 1.4em;
    line-height: 1.3571em;
    margin: 0 0 -5px 0;
}

#boiteFormConcours div #lbl_emailAuClient {
    text-align: left;
}

#concoursGuidesReponses .columns {
}

div#contenuPage.row div#boiteFormConcours label {
    text-align: left;
}

div#basDePage div.boiteReseauxSociaux ul.reseauxSociaux {
    margin: 0;
}

div#basDePage div.boiteInfolettre p {
    font-size: 1.2em;
    line-height: 1.25em;
    padding: 10px 0 0 0;
}

div.btnConcours div.boiteSubmit a.bouton span.contenu {
    padding-top: 7px;
}

div.btnConcours {
    padding-top: 20px;
}

form#formInfolettre.custom div.row div.six.columns.boiteChamp div.neufTranches.erreur.enLigne div.interieur {
    display: none !important;
}

form#formInfolettre div.boiteSubmit {
    float: left;
    margin: 0 0 0 8px;
    width: 107px;
}

    form#formInfolettre div.boiteSubmit a {
        float: none;
        display: block;
        margin-top: 6px;
    }

        form#formInfolettre div.boiteSubmit a.bouton span.contenu {
            padding-top: 7px;
        }

#boiteInfolettre div.six.columns.choix {
    padding-left: 0;
}

#boiteInfolettre {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.15)), color-stop(55%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#00000000', GradientType=1);
}

    #boiteInfolettre h1,
    div#basDePage h6#interet {
        color: #2A2A29;
        padding: 0 0 20px 0;
        font-size: 1.4em;
        line-height: 1.3571em;
        margin: 0 0 -5px 0;
    }

    #boiteInfolettre h6 {
        padding-top: 10px;
    }

    #boiteInfolettre div.boiteChamp div.case {
        padding: 0;
    }

    #boiteInfolettre div.case label {
        display: inline;
        text-indent: -15px;
        font-size: 14px;
        height: 20px;
        line-height: 22px;
        margin-right: 5px;
    }

    #boiteInfolettre div.case input {
        width: 13px;
        height: 13px;
        padding: 0;
        margin-left: 5px;
        vertical-align: bottom;
        position: relative;
        top: -2px;
    }

div.boiteChamp a#btnSubmitInfolettre span.contenu {
    padding: 0;
}

#boiteInfolettre div.six.columns.boiteChamp {
    padding-left: 0;
}

div.infosLegales {
    border-top: 1px solid #CCC2A2;
    text-transform: uppercase;
    padding: 12px 0 15px 0;
    color: #6F6F6F;
}

    div.infosLegales .droite {
        text-align: right;
    }

    div.infosLegales span.grisFonce {
        color: #2A2A29;
    }

    div.infosLegales a:link,
    div.infosLegales a:visited {
        color: #6F6F6F;
    }

    div.infosLegales a:hover {
        color: #2A2A29;
    }

#rechercheMobile {
    padding: 30px 0 0 0;
    margin: 0 0 15px 0;
    position: relative;
    z-index: 10;
}

    #rechercheMobile div.boiteChamp {
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -150px -290px;
        width: auto;
        height: 28px;
        margin: 0 31px 0 0;
    }

        #rechercheMobile div.boiteChamp label {
            float: left;
            width: 1px;
            text-indent: -50000px;
            overflow: hidden;
            margin: 0 0 0 -1px;
        }

        #rechercheMobile div.boiteChamp input {
            border: none;
            background: transparent none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
            font-size: 1.3em;
            float: left;
            width: 100%;
        }

            #rechercheMobile div.boiteChamp input[type='text'] {
                border: none;
                background: transparent none;
                -webkit-box-shadow: none !important;
                -moz-box-shadow: none !important;
                box-shadow: none !important;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -ms-border-radius: 0;
                -o-border-radius: 0;
                border-radius: 0;
                font-size: 1.3em;
                float: left;
                width: 100%;
            }

            #rechercheMobile div.boiteChamp input.submit {
                width: 31px;
                height: 28px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll 0 -60px;
                text-indent: -50000px;
                overflow: hidden;
                float: right;
                margin: 0 -31px 0 0;
                cursor: pointer;
                text-align: left;
                overflow: hidden;
            }

                #rechercheMobile div.boiteChamp input.submit:hover {
                    background-position: -40px -60px;
                }

div#basPageMobile div.separateurPleineLargeur {
    background: transparent none;
    overflow: hidden;
}

    div#basPageMobile div.separateurPleineLargeur div.fond {
        width: 640px;
        height: 62px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1000px 0;
        margin: 0 0 0 -320px;
        left: 50%;
    }

div#basPageMobile h6 {
    padding: 0 0 0 27px;
    font-size: 3em;
    font-style: italic;
}

div#basPageMobile div.separateurExtensible {
    padding-top: 0;
    height: 63px;
}

    div#basPageMobile div.separateurExtensible div.gauche {
        top: 0;
    }

    div#basPageMobile div.separateurExtensible div.droite {
        top: 0;
    }

div#basPageMobileLiens {
    background: #1132B9 none;
}

    div#basPageMobileLiens div.twelve {
        padding: 20px 5px 30px 5px;
    }

    div#basPageMobileLiens ul {
        padding: 0 15px;
        margin: 0 0 30px 0;
    }

        div#basPageMobileLiens ul li {
            padding: 0;
            background: transparent none;
            list-style: none outside none;
        }

            div#basPageMobileLiens ul li a:link,
            div#basPageMobileLiens ul li a:visited {
                color: #FFFFFF;
                text-decoration: underline;
                display: block;
                padding: 8px 0;
            }

    div#basPageMobileLiens a.grand.bouton.orange {
        width: 70%;
        margin: 0 auto 35px auto;
    }

    div#basPageMobileLiens p {
        color: #FFFFFF;
        text-align: center;
    }

    div#basPageMobileLiens a:link,
    div#basPageMobileLiens a:visited {
        color: #FFFFFF;
        text-decoration: none;
    }

@media only screen and (max-width: 767px) {

    div#hautPage div.gauche.columns,
    div#hautPage div.droite.columns {
        margin: 0;
        float: none;
        text-align: center;
    }

    div#hautPage div.gauche.columns {
        vertical-align: top;
    }

    ul.reseauxSociaux {
        float: none;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
    }

        ul.reseauxSociaux li {
            float: none;
            display: inline-block;
            margin: 0 6px;
        }

    ul.navTertiaire {
        float: none;
        display: inline-block;
        white-space: nowrap;
        vertical-align: top;
        width: auto;
    }

        ul.navTertiaire li {
            float: none;
            display: inline-block;
        }

            ul.navTertiaire li.dernier {
                margin: 0;
            }

    div#hautPage div.gauche.columns div.boiteChamp {
        margin: 0 auto;
    }

    div#hautPage div.droite.columns a.bouton {
        margin: 26px auto;
        float: none;
    }

    ul#navActivitesFavoris {
        margin: auto;
        float: none;
    }

        ul#navActivitesFavoris li {
            float: none;
            display: inline-block;
            border: none;
        }

    div#hautPage div.centre.columns {
        clear: both;
    }
}

div#boiteNav {
    overflow: visible;
    z-index: 98;
}

    div#boiteNav,
    div#boiteNav div.interieur {
        background: #154406 none;
    }

        div#boiteNav div.interieur {
            position: static;
            width: 960px;
            margin: 0 auto;
        }

ul#nav {
    display: block;
    text-align: center;
    width: 100%;
    margin: 0;
    float: none;
    height: auto;
    background: transparent none;
    height: auto;
}

    ul#nav li {
        list-style: none outside none;
        display: inline-block;
        font-size: 1em;
        line-height: 1.4em;
        height: 59px;
        box-shadow: none;
        border: 0;
        position: static;
        background: transparent none;
        padding: 0;
    }

        ul#nav li a:link,
        ul#nav li a:visited {
            display: inline-block;
            font-size: 1.8em;
            font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
            color: #FFFFFF;
            padding: 17px 12px !important;
            line-height: 1.25em;
            height: 59px;
            text-transform: uppercase;
            text-shadow: -1px -1px rgba(179, 43, 15, 0.75);
            position: relative;
            border: none;
            background: tranparent none;
        }

.en ul#nav li a:link,
.en ul#nav li a:visited {
    padding: 17px 8px !important;
}

ul#nav li a:hover {
    text-decoration: none;
}

.nav-bar > li.has-flyout,
.nav-bar > li {
    padding: 0;
}

ul#nav li a:link span,
ul#nav li a:visited span {
    display: none;
}

    ul#nav li a:link span.libele,
    ul#nav li a:visited span.libele {
        display: block;
        position: relative;
        z-index: 2;
    }

ul#nav > li:hover > a {
    background: #FF521E none;
    border: 1px solid #E83510;
    margin: 0 -1px;
    height: 59px;
    padding: 16px 12px !important;
}

.en ul#nav > li:hover > a {
    padding: 16px 8px !important;
}

.nav-bar > li {
    float: none;
}

ul#nav li a.actif:link,
ul#nav li a.actif:visited {
    background: #F1360F url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -430px;
}

    ul#nav li a.actif:link span.gauche,
    ul#nav li a.actif:visited span.gauche {
        display: block;
        width: 15px;
        height: 59px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -80px -150px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    ul#nav li a.actif:link span.droite,
    ul#nav li a.actif:visited span.droite {
        display: block;
        width: 15px;
        height: 59px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -130px -150px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }

    ul#nav li a.actif:link span.fleche,
    ul#nav li a.actif:visited span.fleche {
        display: block;
        width: 28px;
        height: 67px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -100px -150px;
        position: absolute;
        left: 50%;
        top: 0;
        margin: 0 0 0 -14px;
        z-index: 1;
    }

ul#nav li a.actif:hover {
    border: none;
    padding: 17px 12px !important;
    margin: 0;
}

.en ul#nav li a.actif:hover {
    padding: 17px 8px !important;
}

ul#nav div.boiteSousMenu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 59px;
    height: 40px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -492px;
    border: none;
    padding: 0;
}

    ul#nav div.boiteSousMenu,
    ul#nav div.boiteSousMenu * {
        border: none;
    }

        ul#nav div.boiteSousMenu ul {
            border-left: 1px solid #061D77;
            height: 40px;
            width: 860px;
            margin: 0 auto;
        }

            ul#nav div.boiteSousMenu ul li {
                float: left;
                height: auto;
                padding: 0;
                background: transparent none;
            }

                ul#nav div.boiteSousMenu ul li a:link,
                ul#nav div.boiteSousMenu ul li a:visited {
                    text-shadow: none;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 1em;
                    font-weight: bold;
                    height: 40px;
                    padding: 14px 19px;
                    line-height: 1.3em;
                    border-right: 1px solid #061D77;
                    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -492px;
                    box-shadow: none;
                }

                    ul#nav div.boiteSousMenu ul li a:link span.gauche,
                    ul#nav div.boiteSousMenu ul li a.gauche:visited {
                        display: block;
                        width: 3px;
                        height: 40px;
                        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -150px -150px;
                        position: absolute;
                        top: 0;
                        left: 0;
                    }

                ul#nav div.boiteSousMenu ul li a:hover {
                    border-top: none;
                    border-bottom: none;
                    border-left: none;
                    margin: 0;
                    background-position: 0 -535px;
                }

                    ul#nav div.boiteSousMenu ul li a:hover span.gauche {
                        background-position: -160px -150px;
                    }

                ul#nav div.boiteSousMenu ul li a.actif:link,
                ul#nav div.boiteSousMenu ul li a.actif:visited {
                    background-position: 0 -578px;
                }

                    ul#nav div.boiteSousMenu ul li a.actif:link span.gauche,
                    ul#nav div.boiteSousMenu ul li a.actif:visited span.gauche {
                        background-position: -170px -150px;
                    }

ul#nav div.boiteSousMenu {
    display: none !important;
}

@media only screen and (max-width: 1000px) {

    ul#nav li a:link,
    ul#nav li a:visited {
        font-size: 1.6em;
        padding: 20px 10px !important;
    }

    ul#nav > li:hover > a {
        padding: 19px 10px !important;
    }

    ul#nav li a.actif:hover {
        padding: 20px 10px !important;
    }

    .nav-bar > li.has-flyout > a:first-child,
    .nav-bar > li > a:first-child {
        padding: 0;
    }
}

@media only screen and (max-width:767px) {
    div#hautPage div.centre.columns {
        border-bottom: 11px solid #154406;
        overflow: hidden;
    }

    div#boiteNav {
        position: absolute;
        left: 0;
        top: 38px;
        z-index: 100;
        padding: 0 40px 0 0;
        background: transparent none;
        display: none;
    }

        div#boiteNav div.interieur {
            background: #1132B9 none;
            height: auto;
            margin: -38px 0 0 0;
        }

    ul#nav {
        height: auto;
    }

        ul#nav li {
            display: block;
            text-align: left;
            height: auto;
            float: none;
        }

            ul#nav li a:link,
            ul#nav li a:visited {
                width: auto;
                height: auto;
                text-shadow: none;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.4em;
                text-transform: none;
                padding: 10px 24px 10px 10% !important;
                font-weight: bold;
                float: none;
                display: block;
            }

                ul#nav li a:link span.droite,
                ul#nav li a:visited span.droite,
                ul#nav li a.actif:link span.droite,
                ul#nav li a.actif:visited span.droite,
                ul#nav div.boiteSousMenu ul li a:link span.gauche,
                ul#nav div.boiteSousMenu ul li a:visited span.gauche,
                ul#nav div.boiteSousMenu ul li a.actif:link span.gauche,
                ul#nav div.boiteSousMenu ul li a.actif:visited span.gauche {
                    display: inline-block;
                    width: 11px;
                    height: 14px;
                    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -180px -180px;
                    position: static;
                    margin: 0 0 0 7px;
                    vertical-align: middle;
                }

        ul#nav div.boiteSousMenu ul li a:link,
        ul#nav div.boiteSousMenu ul li a:visited,
        ul#nav div.boiteSousMenu ul li a.actif:link,
        ul#nav div.boiteSousMenu ul li a.actif:visited {
            background: transparent none;
            border: none;
            font-size: 1.4em;
            padding: 10px 24px 10px 10%;
            height: auto;
        }

        ul#nav li a:link span.libele,
        ul#nav li a:visited span.libele {
            display: inline;
        }

        ul#nav li a:hover {
            border: none;
            margin: 0;
            background: transparent none;
        }

        ul#nav li a.actif:link,
        ul#nav li a.actif:visited {
            background: transparent none;
        }

        ul#nav li a.actif:hover {
            border: none;
            padding: 10px 24px 10px 10% !important;
            margin: 0;
        }

        ul#nav li a.actif:link span.gauche,
        ul#nav li a.actif:visited span.gauche,
        ul#nav li a.actif:link span.fleche,
        ul#nav li a.actif:visited span.fleche {
            display: none;
        }

        ul#nav div.boiteSousMenu {
            position: static;
            background: transparent none;
            height: auto;
            box-shadow: none;
        }

            ul#nav div.boiteSousMenu ul {
                height: auto;
                background: transparent none;
                padding: 0 0 0 10%;
                width: auto;
                border: none;
            }

                ul#nav div.boiteSousMenu ul li {
                    float: none;
                    border: none;
                    background: transparent none;
                }

        ul#nav > li:hover {
            background: #0C33F4 none;
        }

            ul#nav > li:hover > a {
                background: #0C33F4 none;
                border: none;
                margin: 0;
                height: auto;
                padding: 10px 24px 10px 10%;
            }
}

div.separateurExtensible {
    padding: 30px 114px 0 114px;
    height: 93px;
    margin: 0 auto -10px auto;
}

    div.separateurExtensible div.gauche {
        width: 114px;
        height: 63px;
        top: 30px;
        left: 0;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1020px 0;
    }

    div.separateurExtensible div.droite {
        width: 114px;
        height: 63px;
        top: 30px;
        left: auto;
        right: 0;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1140px 0;
    }

    div.separateurExtensible div.centre {
        position: relative;
        height: 63px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1108px;
    }

    div.separateurExtensible.bleu {
        padding: 0 54px;
        height: 3px;
        margin: 0 auto;
    }

        div.separateurExtensible.bleu div.gauche {
            width: 54px;
            height: 3px;
            left: 0;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1260px -30px;
        }

        div.separateurExtensible.bleu div.droite {
            width: 54px;
            height: 3px;
            left: auto;
            right: 0;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1320px -30px;
        }

        div.separateurExtensible.bleu div.centre {
            position: relative;
            height: 3px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2978px;
        }

div#hautDePageImpression {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #000000;
}

div#basDePageImpression {
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    border-top: 1px solid #000000;
}

table {
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: none;
    border-spacing: 0;
}

    table thead,
    table tfoot {
        background: transparent;
    }

        table thead tr th,
        table tfoot tr th,
        table tbody tr td,
        table tr td,
        table tfoot tr td {
            display: table-cell;
            font-size: 10px;
            line-height: normal;
            text-align: left;
        }

        table thead tr th,
        table tfoot tr td {
            padding: 0;
            font-size: 10px;
            font-weight: normal;
            color: #2A2A29;
        }

            table thead tr th:first-child,
            table tfoot tr td:first-child {
                border-left: none;
            }

            table thead tr th:last-child,
            table tfoot tr td:last-child {
                border-right: none;
            }

    table tbody tr.even,
    table tbody tr.alt {
        background: transparent;
    }

    table tbody tr:nth-child(even) {
        background: transparent;
    }

    table tbody tr td {
        color: #2A2A29;
        padding: 0;
        vertical-align: top;
        border: none;
    }

    table tbody tr:nth-child(2n) {
        background: transparent none;
    }

    table.tableau {
        background: transparent;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin: 0;
        border: none;
        border-spacing: 0;
        border: 1px solid #E4E3BD;
        overflow: hidden;
        margin: 0 0 20px 0;
    }

        table.tableau thead,
        table tfoot {
            background: transparent;
        }

            table.tableau thead tr th,
            table.tableau tfoot tr th,
            tabl.tableaue tbody tr td,
            table.tableau tr td,
            tabl.tableaue tfoot tr td {
                display: table-cell;
                font-size: 10px;
                line-height: normal;
                text-align: left;
            }

            table.tableau thead tr th,
            table.tableau tfoot.tableau tr td {
                padding: 0;
                font-size: 10px;
                font-weight: normal;
                color: #2A2A29;
            }

        table.tableau tr th:first-child,
        table.tableau tfoot tr td:first-child {
            border-left: none;
        }

        table.tableau tr th:last-child,
        table.tableau tfoot tr td:last-child {
            border-right: none;
        }

        table.tableau tr.even,
        table.tableau tbody tr.alt {
            background: transparent;
        }

        table.tableau tr:nth-child(even) {
            background: transparent;
        }

        table.tableau tr td {
            color: #2A2A29;
            padding: 0;
            vertical-align: top;
            color: #5D5D5D;
            font-size: 1.2em;
            line-height: 1.4166em;
            padding: 12px 12px 12px 16px;
            background: transparent url(../../images/site/bordureTableaux.gif) no-repeat scroll right bottom;
        }

            table.tableau tr th:first-child,
            table.tableau tr td:first-child {
                border-left: none;
            }

        table.tableau tr:nth-child(2n) td,
        table.tableau td.fonce {
            background-color: #FBF9EB;
        }

        table.tableau tr:last-child td,
        table.tableau tr:last-child th {
            background-position: top right;
        }

        table.tableau tr td:last-child,
        table.tableau tr th:last-child {
            background-position: bottom left;
        }

        table.tableau tr:last-child td:last-child,
        table.tableau tr:last-child th:last-child {
            background-image: none;
        }

        table.tableau tr:first-child td:first-child,
        table.tableau tr:first-child th:first-child {
            -webkit-border-radius: 5px 0 0 0;
            -moz-border-radius: 5px 0 0 0;
            -ms-border-radius: 5px 0 0 0;
            -o-border-radius: 5px 0 0 0;
            border-radius: 5px 0 0 0;
        }

            table.tableau tr:first-child td:first-child:last-child,
            table.tableau tr:first-child th:first-child:last-child {
                -webkit-border-radius: 5px 5px 0 0;
                -moz-border-radius: 5px 5px 0 0;
                -ms-border-radius: 5px 5px 0 0;
                -o-border-radius: 5px 5px 0 0;
                border-radius: 5px 5px 0 0;
            }

        table.tableau tr:first-child td:last-child,
        table.tableau tr:first-child th:last-child {
            -webkit-border-radius: 0 5px 0 0;
            -moz-border-radius: 0 5px 0 0;
            -ms-border-radius: 0 5px 0 0;
            -o-border-radius: 0 5px 0 0;
            border-radius: 0 5px 0 0;
        }

        table.tableau tr:last-child td:first-child,
        table.tableau tr:last-child th:first-child {
            -webkit-border-radius: 0 0 0 5px;
            -moz-border-radius: 0 0 0 5px;
            -ms-border-radius: 0 0 0 5px;
            -o-border-radius: 0 0 0 5px;
            border-radius: 0 0 0 5px;
        }

        table.tableau tr:last-child td:last-child,
        table.tableau tr:last-child th:last-child {
            -webkit-border-radius: 0 0 5px 0;
            -moz-border-radius: 0 0 5px 0;
            -ms-border-radius: 0 0 5px 0;
            -o-border-radius: 0 0 5px 0;
            border-radius: 0 0 5px 0;
        }

        table.tableau tr:last-child td:first-child:last-child,
        table.tableau tr:last-child th:first-child:last-child {
            -webkit-border-radius: 0 0 5px 5px;
            -moz-border-radius: 0 0 5px 5px;
            -ms-border-radius: 0 0 5px 5px;
            -o-border-radius: 0 0 5px 5px;
            border-radius: 0 0 5px 5px;
        }

        table.tableau tr th,
        table.tableau tr td.celluleTitre,
        table.tableau tr:last-child th,
        table.tableau tr td.celluleTitre:last-child,
        table.tableau tr th:last-child {
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1234px;
            border-bottom: 1px solid #E4E3BD;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.6em;
            font-weight: bold;
            height: 45px;
            line-height: 1.125em;
            margin: 0;
            padding: 12px 0 0 16px;
            text-shadow: 1px 1px 1px #FFFFFF;
            text-align: left;
        }

h2 {
    font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    color: #2A2A29;
    line-height: 1.1777em;
    font-weight: normal;
    font-style: italic;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0;
}

h3 {
    font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
    font-size: 3.6em;
    color: #2A2A29;
    line-height: 1.1111em;
    font-weight: normal;
    font-style: italic;
    padding: 15px 0 0 0;
    margin: 0 0 26px 0;
}

h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #2A2A29;
    line-height: 1.3125em;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 16px 0;
}

h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color: #2A2A29;
    line-height: 1.3571em;
    font-weight: bold;
    font-style: italic;
    margin: 0 0 10px 0;
}

h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #2A2A29;
    line-height: 1.5833em;
    font-weight: bold;
    font-style: italic;
}

h1.din {
    font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
    font-size: 4.5em;
    color: #2A2A29;
    line-height: 1.1777em;
    font-weight: normal;
    font-style: italic;
    padding: 15px 0 0 0;
    margin: 0 0 15px 0;
}

p {
    font-size: 1.5em;
    color: #4F4F49;
    line-height: 1.4615em;
    margin: 0 0 1.4615em 0;
}

    p.intro {
        font-size: 1.6em;
        line-height: 1.3125em;
        font-weight: bold;
        font-style: italic;
        margin: 0 0 21px 0;
    }

li {
    font-size: 1.5em;
    color: #4F4F49;
    line-height: 1.4615em;
}

ul,
ol,
dl {
    margin: 0 0 19px 0;
}

    ul li {
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1800px -154px;
        list-style: none outside none;
        padding: 0 0 0 15px;
    }

a:link,
a:visited {
    color: #1337C0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

    a:hover * {
        text-decoration: none;
    }

div#boiteReservation {
    width: 100%;
    height: auto;
    overflow: hidden;
    z-index: 3;
}

    div#boiteReservation div.fond.total {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    div#boiteReservation div.fond.image {
        width: 100%;
    }

        div#boiteReservation div.fond.image img {
            display: block;
        }

            div#boiteReservation div.fond.image img.imageFondMobile {
                display: none;
            }

        div#boiteReservation div.fond.image a.nationalg {
            z-index: 9999999999999999999 !important;
        }

    div#boiteReservation img.imageNGAccueil {
        position: relative !important;
        z-index: 9999999999999999999 !important;
        height: auto;
        width: 35% !important;
        float: left !important;
        top: 50px !important;
        margin-left: -250px !important;
    }

    div#boiteReservation div.fond.ruban {
        cursor: pointer;
        z-index: 5000;
        width: 38px;
        height: 36px;
        left: 50%;
        top: 100%;
        margin: -36px 0 0 -19px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -350px -180px;
    }

    div#boiteReservation .interieur .interieur {
        margin: 0;
    }

    div#boiteReservation h1 {
        text-align: center;
        color: #fff;
        font-size: 8em;
        line-height: 1.2187em;
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        padding: 58px 0 0 0;
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
        margin: 0 0 47px 0;
    }

.cursive {
    font-family: none !important;
    text-transform: none !important;
    margin: 50px 0 !important;
}

div#boiteReservation h1 span.petit {
    display: block;
    font-size: 0.5208em;
    line-height: 1.24em;
}

div#boiteReservation div.separateur {
    width: 35px;
    height: 1px;
    overflow: hidden;
    border-bottom: 5px solid #FFFFFF;
    margin: 0 auto 86px auto;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

div#boiteReservation h2 {
    text-align: center;
    font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
    font-size: 4em;
    line-height: 1.2432em;
    color: #FFFFFF;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    font-weight: normal;
    margin: 0 0 21px 0;
    font-style: normal;
}

div#boiteFormReservation div.interieur {
    padding: 6px 0 0 5px;
}

div#boiteFormReservation div.dateArrivee,
div#boiteFormReservation div.dateDepart {
    width: 156px;
    float: left;
    margin: 0 4px 0 0;
}

    div#boiteFormReservation div.dateArrivee input,
    div#boiteFormReservation div.dateDepart input {
        width: 156px;
        height: 56px;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        margin: 0;
        padding: 15px 0 18px 15px;
        font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
        font-size: 1.7em;
        line-height: 1.3529em;
        color: #9A9A9A;
        font-weight: bold;
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        transition: none;
        vertical-align: top;
    }

    div#boiteFormReservation div.dateArrivee input {
        background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll 0 -450px;
    }

        div#boiteFormReservation div.dateArrivee input:hover,
        div#boiteFormReservation div.dateArrivee input:focus {
            background-position: 0 -570px;
        }

    div#boiteFormReservation div.dateDepart input {
        background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -160px -450px;
    }

        div#boiteFormReservation div.dateDepart input:hover,
        div#boiteFormReservation div.dateDepart input:focus {
            background-position: -160px -570px;
        }

#ui-datepicker-div {
    display: none;
    z-index: 100 !important;
}

div.ui-datepicker {
    border: 1px solid #E4E3BD;
    padding: 12px;
    background: #FFFFFF none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

div.calendriersDispo {
    width: 100%;
    padding: 40px 0 0 0;
    height: 315px;
}

div.ui-datepicker.ui-datepicker-inline {
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0 -12px;
    width: auto;
}

div#disponibiliteMobile div.ui-datepicker.ui-datepicker-inline {
    margin: 0 10px 10px 10px;
}

div.ui-datepicker.ui-datepicker-inline .ui-datepicker-group.ui-datepicker-group-first {
    padding: 0 5px 0 0;
}

div.ui-datepicker.ui-datepicker-inline .ui-datepicker-group.ui-datepicker-group-last {
    padding: 0 0 0 5px;
}

div.boiteGrandTitre .ui-datepicker-inline.ui-datepicker {
    width: 100% !important;
    margin: 0;
}

    div.boiteGrandTitre .ui-datepicker-inline.ui-datepicker .ui-datepicker-group {
        width: 50%;
        float: left;
    }

div.boiteGrandTitre div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-prev,
div.boiteGrandTitre div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-next {
    width: 50%;
    line-height: 1em;
}

div.boiteGrandTitre .ui-datepicker-row-break {
    padding: 35px 0 0 0;
    width: 100%;
    clear: both;
}

div.ui-datepicker div.ui-datepicker-header {
    position: relative;
}

    div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev {
        display: block;
        width: 35px;
        height: 46px;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
    }

        div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev span {
            display: block;
            width: 8px;
            height: 10px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px -20px;
            text-indent: -50000px;
            overflow: hidden;
            margin: -5px 0 0 -4px;
            position: absolute;
            top: 50%;
            left: 50%;
        }

    div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next {
        display: block;
        width: 35px;
        height: 46px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }

        div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next span {
            display: block;
            width: 8px;
            height: 10px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -70px -20px;
            text-indent: -50000px;
            overflow: hidden;
            margin: -5px 0 0 -4px;
            position: absolute;
            top: 50%;
            left: 50%;
        }

        div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled,
        div.ui-datepicker div.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled {
            display: none;
        }

div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-prev {
    display: block;
    width: 53%;
    height: 38px;
    position: absolute;
    left: 0;
    top: -38px;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    padding: 12px 0 12px 10px;
    color: #1235BD;
}

    div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-prev span:hover {
        text-decoration: underline;
    }

    div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-prev span {
        display: inline-block;
        width: 100%;
        height: 13px;
        padding: 0 0 0 13px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1810px -39px;
        text-indent: 0;
        overflow: visible;
        margin: 0;
        position: static;
        border-right: 1px solid #6F6F6B;
    }

div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-next {
    display: block;
    width: 47%;
    height: 38px;
    position: absolute;
    right: 0;
    top: -38px;
    cursor: pointer;
    float: left;
    font-size: 1.3em;
    padding: 12px 10px 12px 0;
    text-align: right;
    color: #1235BD;
}

    div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-next span:hover {
        text-decoration: underline;
    }

    div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-next span {
        display: inline-block;
        width: auto;
        height: 13px;
        padding: 0 13px 0 0;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll right -59px;
        text-indent: 0;
        overflow: visible;
        margin: 0;
        position: static;
    }

    div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled,
    div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled {
        display: block;
        cursor: default;
    }

        div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled span {
            color: #AFAFAF;
            background-position: -1810px -79px;
        }

        div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled:hover span {
            text-decoration: none;
        }

        div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled span {
            color: #AFAFAF;
            background-position: right -99px;
        }

        div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled:hover span {
            text-decoration: none;
        }

div.ui-datepicker div.ui-datepicker-title {
    width: 258px;
    height: 46px;
    background: #2A2A29 none;
    color: #FFFFFF;
    font-size: 1.7em;
    padding: 14px 0 0 0;
    text-align: center;
    font-weight: bold;
}

div.ui-datepicker.ui-datepicker-inline div.ui-datepicker-title {
    width: auto;
}

div.ui-datepicker table.ui-datepicker-calendar {
    border: 1px solid #DFDFE1;
    border-top: none;
    border-collapse: collapse;
    border-spacing: 0 0;
    width: 100%;
    margin: 0;
}

    div.ui-datepicker table.ui-datepicker-calendar td {
        border-bottom: 1px solid #DFDFE1;
        border-right: 1px solid #DFDFE1;
        text-align: center;
        height: 34px;
        font-size: 1.4em;
        line-height: 1.2142em;
        font-weight: bold;
        padding: 0;
        text-align: center;
    }

        div.ui-datepicker table.ui-datepicker-calendar td span,
        div.ui-datepicker table.ui-datepicker-calendar td a {
            display: block;
            height: 33px;
            padding: 8px 0 0 0;
            color: #5A5C5C;
        }

    div.ui-datepicker table.ui-datepicker-calendar th {
        background: #F8F4D8 none;
        font-size: 1em;
        color: #646464;
        font-weight: normal;
        height: 24px;
        line-height: 1.4em;
        text-transform: uppercase;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }

        div.ui-datepicker table.ui-datepicker-calendar th span {
            margin: 0 -10px;
        }

    div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable,
    div.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled {
        background: #E9E9E9 none;
        color: #BDBDBD;
    }

        div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable span,
        div.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled span,
        div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable a,
        div.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled a {
            text-decoration: line-through;
        }

    div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day {
        background: #F83E16 none;
    }

        div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day span,
        div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a {
            color: #FFFFFF;
        }

    div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today {
        background: #CEEFE6 none;
    }

        div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today span,
        div.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a {
            color: #5A5C5C;
        }

div#boiteFormReservation div.typeHebergement {
    width: 209px;
    height: 60px;
    float: left;
    font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
    margin: 0 4px 0 0;
}

    div#boiteFormReservation div.typeHebergement label {
        width: 1px;
        height: 1px;
        float: left;
        margin: 0 -1px 0 0;
        text-indent: -50000px;
        overflow: hidden;
    }

    div#boiteFormReservation div.typeHebergement div.custom.dropdown {
        margin: 0;
        padding: 0;
    }

        div#boiteFormReservation div.typeHebergement div.custom.dropdown a.current {
            width: 209px;
            height: 56px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll 0 -510px;
            border: none;
            font-size: 1.7em;
            line-height: 1.3529em;
            font-weight: bold;
            color: #9A9A9A;
            padding: 15px 0 0 0;
            vertical-align: middle;
            text-align: center;
        }

            div#boiteFormReservation div.typeHebergement div.custom.dropdown a.current:hover,
            div#boiteFormReservation div.typeHebergement div.custom.dropdown.open a.current {
                background-position: 0 -630px;
                text-decoration: none;
            }

div#boiteFormReservation div.nombreVoyageurs {
    width: 176px;
    height: 56px;
    float: left;
    font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
    margin: 0 4px 0 0;
}

    div#boiteFormReservation div.nombreVoyageurs label {
        width: 1px;
        height: 1px;
        float: left;
        margin: 0 -1px 0 0;
        text-indent: -50000px;
        overflow: hidden;
    }

    div#boiteFormReservation div.nombreVoyageurs div.custom.dropdown {
        margin: 0;
        padding: 0;
    }

        div#boiteFormReservation div.nombreVoyageurs div.custom.dropdown a.current {
            width: 176px;
            height: 56px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -320px -450px;
            border: none;
            font-size: 1.7em;
            line-height: 1.3529em;
            font-weight: bold;
            color: #9A9A9A;
            padding: 15px 0 0 15px;
            vertical-align: middle;
            text-align: left;
        }

            div#boiteFormReservation div.nombreVoyageurs div.custom.dropdown a.current:hover,
            div#boiteFormReservation div.nombreVoyageurs div.custom.dropdown.open a.current {
                background-position: -320px -570px;
                text-decoration: none;
            }

div#boiteFormReservation a.bouton.grand.orange {
    margin: 1px 8px 0 8px;
    width: 127px;
}

div#boiteFormReservation div.interieur div.boiteListe {
    position: absolute;
    top: 55px;
    left: 5px;
    width: auto;
    height: auto;
    margin: -13px;
    visibility: hidden;
}

div#boiteFormReservation div.interieur .open div.boiteListe {
    visibility: visible;
}

div#boiteFormReservation div.interieur div.boiteListe div.fond {
    padding: 22px 0;
}

    div#boiteFormReservation div.interieur div.boiteListe div.fond div.fleche {
        width: 22px;
        height: 13px;
        background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px 0;
        position: absolute;
        left: 22px;
        top: 9px;
        z-index: 2;
    }

    div#boiteFormReservation div.interieur div.boiteListe div.fond div.haut,
    div#boiteFormReservation div.interieur div.boiteListe div.fond div.bas {
        height: 22px;
    }

        div#boiteFormReservation div.interieur div.boiteListe div.fond div.haut div.gauche {
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 0;
            margin: -22px 0 0 0;
        }

        div#boiteFormReservation div.interieur div.boiteListe div.fond div.haut div.droite {
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px 0;
            margin: -22px 0 0 0;
        }

        div#boiteFormReservation div.interieur div.boiteListe div.fond div.haut div.centre {
            margin: 0 22px;
            height: 22px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -655px;
        }

        div#boiteFormReservation div.interieur div.boiteListe div.fond div.bas div.gauche {
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 -30px;
            margin: -22px 0 0 0;
        }

        div#boiteFormReservation div.interieur div.boiteListe div.fond div.bas div.droite {
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px -30px;
            margin: -22px 0 0 0;
        }

        div#boiteFormReservation div.interieur div.boiteListe div.fond div.bas div.centre {
            margin: 0 22px;
            height: 22px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -680px;
        }

    div#boiteFormReservation div.interieur div.boiteListe div.fond div.milieu div.gauche {
        width: 22px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -254px 0;
    }

    div#boiteFormReservation div.interieur div.boiteListe div.fond div.milieu div.droite {
        width: 22px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -279px 0;
    }

    div#boiteFormReservation div.interieur div.boiteListe div.fond div.milieu div.centre {
        background: #FFFFFF;
        opacity: 1;
        filter: none;
        margin: 0 21px;
    }

div#boiteFormReservation div.interieur div.boiteListe div.interieur {
    padding: 23px 13px;
}

div#boiteFormReservation div.interieur div.boiteListe ul {
    position: relative;
    margin: 0;
    border: none;
    top: 0;
    background: transparent none;
}

    div#boiteFormReservation div.interieur div.boiteListe ul li {
        padding: 0 16px;
        line-height: 1.6153em;
        min-height: auto;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.3em;
        font-weight: bold;
        background: transparent none;
        height: 21px;
    }

        div#boiteFormReservation div.interieur div.boiteListe ul li:hover {
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -706px;
            color: #FFFFFF;
        }

        div#boiteFormReservation div.interieur div.boiteListe ul li.selected {
            background-color: #FF521E;
            color: #FFFFFF;
        }

            div#boiteFormReservation div.interieur div.boiteListe ul li:hover:after,
            div#boiteFormReservation div.interieur div.boiteListe ul li.selected:after {
                content: '';
            }

div#boiteReservation a.mega.bouton.orange.show-for-small {
    width: 80%;
    margin: -46px 0 0 -40%;
    font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
    position: absolute;
    top: 70%;
    left: 50%;
}

    div#boiteReservation a.mega.bouton.orange.show-for-small span.contenu {
        font-size: 2.6em;
        line-height: normal;
        font-weight: normal;
        text-transform: uppercase;
        padding: 14px 0 0 0;
    }

div#boiteFormReservation {
    clear: both;
    overflow: visible;
    width: 867px;
    height: 68px;
    margin: 0 auto 252px auto;
}

@media only screen and (max-width: 1370px) {
    div#boiteReservation img.imageNGAccueil {
        width: 32% !important;
        margin-left: -120px !important;
    }
}

@media only screen and (max-width: 1200px) {
    div#boiteReservation img.imageNGAccueil {
        width: 30% !important;
        margin-left: -50px !important;
    }
}

@media only screen and (max-width: 867px) {
    div#boiteFormReservation {
        width: 721px;
        height: auto;
    }

        div#boiteFormReservation a.bouton.grand.orange {
            clear: both;
            width: 696px;
            display: block;
            margin: 4px 8px;
            padding: 1px 0 0 0;
        }
}

div#boiteFormReservation div.fond {
    width: 100%;
    height: 100%;
    padding: 14px 0;
}

    div#boiteFormReservation div.fond div.haut {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 14px;
    }

        div#boiteFormReservation div.fond div.haut div.gauche {
            width: 13px;
            height: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -400px -180px;
            float: left;
            margin: -14px 0 0 0;
        }

        div#boiteFormReservation div.fond div.haut div.droite {
            width: 13px;
            height: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -420px -180px;
            float: right;
            margin: -14px 0 0 0;
        }

        div#boiteFormReservation div.fond div.haut div.centre {
            height: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -621px;
            margin: 0 13px;
        }

    div#boiteFormReservation div.fond div.bas {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 14px;
    }

        div#boiteFormReservation div.fond div.bas div.gauche {
            width: 13px;
            height: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -400px -200px;
            float: left;
            margin: -14px 0 0 0;
        }

        div#boiteFormReservation div.fond div.bas div.droite {
            width: 13px;
            height: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -420px -200px;
            float: right;
            margin: -14px 0 0 0;
        }

        div#boiteFormReservation div.fond div.bas div.centre {
            height: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -638px;
            margin: 0 13px;
        }

    div#boiteFormReservation div.fond div.milieu {
        height: 100%;
        width: 100%;
        position: relative;
    }

        div#boiteFormReservation div.fond div.milieu div.gauche {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll 0 0;
        }

        div#boiteFormReservation div.fond div.milieu div.droite {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -16px 0;
        }

        div#boiteFormReservation div.fond div.milieu div.centre {
            height: 100%;
            background: #80E2FB none;
            opacity: 0.4;
            filter: alpha(opacity=40);
            margin: 0 14px 0 13px;
        }

div.bordureBasReservationMobile {
    height: 17px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1174px;
}

div#boiteNavSlideshows div.boiteTitre {
    width: 100%;
}

    div#boiteNavSlideshows div.boiteTitre h1 {
        font-size: 2.9em;
        line-height: 1.1034em;
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-weight: normal;
        text-align: center;
        color: #1133BB;
        margin: 0;
        height: 58px;
        padding: 15px 5px 0 5px;
    }

div#boiteNavSlideshows div.boiteBoutons {
    height: 255px;
    background-color: #FFFFFF;
}

    div#boiteNavSlideshows div.boiteBoutons div.fond {
        width: 100%;
        height: 191px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) repeat-x scroll center -250px;
    }

    div#boiteNavSlideshows div.boiteBoutons div.gauche {
        position: absolute;
        left: 0;
    }

    div#boiteNavSlideshows div.boiteBoutons div.droite {
        position: absolute;
        right: 0;
    }

    div#boiteNavSlideshows div.boiteBoutons div.gauche div.six {
        border-bottom: 2px solid #FFFFFF;
        padding: 54px 0 0 0;
        margin: 0 auto;
    }

    div#boiteNavSlideshows div.boiteBoutons div.droite div.six {
        border-bottom: 2px solid #FFFFFF;
        padding: 54px 0 0 0;
        margin: 0 auto;
    }

    div#boiteNavSlideshows div.boiteBoutons div.boiteListe ul {
        margin: 0 auto;
        width: 618px;
    }

    div#boiteNavSlideshows div.boiteBoutons div.boiteListe li {
        float: left;
        list-style: none outside none;
        font-size: 1em;
        line-height: 1.4em;
        padding: 0;
        background: transparent none;
    }

        div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a {
            display: block;
            font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
            font-size: 4.3em;
            line-height: 1.2325em;
            color: #FFFFFF;
            text-transform: uppercase;
            text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
        }

            div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a:hover {
                color: #154406;
                text-decoration: none;
            }

            div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a span.libele {
                display: block;
                width: 206px;
                height: 83px;
                text-align: center;
                padding: 30px 0 0 0;
            }

            div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.nature {
                width: 206px;
            }

                div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.nature span.objet {
                    display: block;
                    width: 206px;
                    height: 170px;
                    background: transparent url(../../images/site/sprite-1661276027-nocache-btnsMatriciels.jpg) no-repeat scroll 0 0;
                }

                div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.nature:hover span.objet {
                    background-position: 0 -180px;
                }

            div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.saveurs {
                width: 206px;
            }

                div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.saveurs span.objet {
                    display: block;
                    width: 206px;
                    height: 170px;
                    background: transparent url(../../images/site/sprite-1661276027-nocache-btnsMatriciels.jpg) no-repeat scroll -210px 0;
                }

                div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.saveurs:hover span.objet {
                    background-position: -210px -180px;
                }

            div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.culture {
                width: 206px;
            }

                div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.culture span.objet {
                    display: block;
                    width: 206px;
                    height: 170px;
                    background: transparent url(../../images/site/sprite-1661276027-nocache-btnsMatriciels.jpg) no-repeat scroll -420px 0;
                }

                div#boiteNavSlideshows div.boiteBoutons div.boiteListe li a.culture:hover span.objet {
                    background-position: -420px -180px;
                    width: 235px;
                    margin: 0 0 0 -29px;
                }

div.boiteSlideshowAcc {
    padding: 49px 0;
}

    div.boiteSlideshowAcc ul {
        overflow: hidden;
        margin: 0;
        text-align: center;
        margin: 0 0 0 -10px;
    }

        div.boiteSlideshowAcc ul li {
            padding: 0;
            margin: 0 10px;
            font-size: 1em;
            line-height: 1em;
            list-style: none outside none;
            width: 214px;
            position: relative;
            display: inline-block;
            background: transparent none;
        }

    div.boiteSlideshowAcc .bx-wrapper ul {
        margin: 0;
    }

        div.boiteSlideshowAcc .bx-wrapper ul li {
            margin: 0;
        }

    div.boiteSlideshowAcc ul li img {
        width: 100%;
    }

    div.boiteSlideshowAcc ul li a {
        color: #FFFFFF;
        text-transform: uppercase;
    }

        div.boiteSlideshowAcc ul li a img.pastille {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            width: 100%;
            height: auto;
        }

        div.boiteSlideshowAcc ul li a span.libeleLien {
            display: block;
            position: relative;
            z-index: 3;
            font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
            font-size: 2.8em;
            line-height: 1.0714em;
        }

        div.boiteSlideshowAcc ul li a span.survol {
            width: 100%;
            height: 214px;
            position: absolute;
            left: -50000px;
            top: 0;
            z-index: 1;
        }

            div.boiteSlideshowAcc ul li a span.survol span.fond {
                width: 100%;
                height: 100%;
                opacity: 0.9;
                filter: alpha(opacity=90);
            }

            div.boiteSlideshowAcc ul li a span.survol span.interieur {
                font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
                font-size: 2.4em;
                line-height: 1.2083em;
                text-align: center;
                padding: 76px 50px 0 50px;
            }

        div.boiteSlideshowAcc ul li a:hover {
            text-decoration: none;
        }

            div.boiteSlideshowAcc ul li a:hover span.survol {
                left: 0;
            }

    div.boiteSlideshowAcc a:hover {
        text-decoration: none;
    }

    div.boiteSlideshowAcc.orange {
        background: #154406 none;
    }

    div.boiteSlideshowAcc.vert {
        background: #00BE9E none;
    }

    div.boiteSlideshowAcc.bleu {
        background: #1235BD none;
    }

    div.boiteSlideshowAcc.orange ul li a:link span.survol span.fond,
    div.boiteSlideshowAcc.orange ul li a:visited span.survol span.fond {
        background-color: #00BE9E;
    }

    div.boiteSlideshowAcc.vert ul li a:link span.survol span.fond,
    div.boiteSlideshowAcc.vert ul li a:visited span.survol span.fond {
        background-color: #1235BD;
    }

    div.boiteSlideshowAcc.bleu ul li a:link span.survol span.fond,
    div.boiteSlideshowAcc.bleu ul li a:visited span.survol span.fond {
        background-color: #154406;
    }

    div.boiteSlideshowAcc ul li a span.libeleLien {
        text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
        text-align: center;
        display: block;
        padding: 33px 0 0 0;
        width: 100%;
        display: block;
        overflow: hidden;
    }

    div.boiteSlideshowAcc h2 {
        clear: both;
        height: 58px;
        float: none;
        text-align: center;
        margin: 0 auto 27px auto;
        background: #FFFFFF none;
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-size: 3.9em;
        line-height: 1.2307em;
        font-weight: normal;
        text-transform: uppercase;
        position: relative;
        padding: 8px 21px 0 21px;
        font-style: normal;
    }

        div.boiteSlideshowAcc h2 span.gauche {
            display: block;
            width: 4px;
            height: 58px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -230px -180px;
            position: absolute;
            top: 0;
            left: 0;
        }

        div.boiteSlideshowAcc h2 span.droite {
            display: block;
            width: 21px;
            height: 58px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll -240px -180px;
            position: absolute;
            top: 0;
            right: 0;
        }

    div.boiteSlideshowAcc.orange h2 span.gauche {
        background-position: -230px -180px;
    }

    div.boiteSlideshowAcc.vert h2 span.gauche {
        background-position: -270px -180px;
    }

    div.boiteSlideshowAcc.bleu h2 span.gauche {
        background-position: -310px -180px;
    }

    div.boiteSlideshowAcc.orange h2 span.droite {
        background-position: -240px -180px;
    }

    div.boiteSlideshowAcc.vert h2 span.droite {
        background-position: -280px -180px;
    }

    div.boiteSlideshowAcc.bleu h2 span.droite {
        background-position: -320px -180px;
    }

    div.boiteSlideshowAcc.orange h2 {
        color: #154406;
    }

    div.boiteSlideshowAcc.vert h2 {
        color: #00BE9E;
    }

    div.boiteSlideshowAcc.bleu h2 {
        color: #1235BD;
    }

    div.boiteSlideshowAcc p {
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
        font-size: 1.6em;
        line-height: 1.3125em;
        float: none;
        margin: 0 auto 35px auto;
        font-style: italic;
        font-weight: bold;
    }

    div.boiteSlideshowAcc div.separateur {
        border-bottom: 2px solid #FFFFFF;
        margin: 0 auto 39px auto;
        float: none;
    }

    div.boiteSlideshowAcc div.slideshow {
        margin: 0 auto 58px auto;
        width: 937px;
        height: 275px;
        position: relative;
    }

        div.boiteSlideshowAcc div.slideshow div.btnPrec {
            width: 82px;
            position: absolute;
            bottom: 0;
            left: -133px;
            overflow: visible;
            display: none;
        }

            div.boiteSlideshowAcc div.slideshow div.btnPrec div.fond,
            div.boiteSlideshowAcc div.slideshow div.btnSuiv div.fond {
                width: 166px;
                height: 62px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll 0 -180px;
                left: 50%;
                margin: 0 0 0 -83px;
                top: auto;
                bottom: 30px;
            }

        div.boiteSlideshowAcc div.slideshow a.bx-prev {
            display: block;
            width: 82px;
            height: 82px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll 0 -90px;
            text-indent: -50000px;
            overflow: hidden;
            position: absolute;
            left: 0;
            bottom: 130px;
        }

    div.boiteSlideshowAcc.orange div.slideshow a.bx-prev:hover {
        background-position: -90px -90px;
    }

    div.boiteSlideshowAcc.vert div.slideshow a.bx-prev:hover {
        background-position: -300px -90px;
    }

    div.boiteSlideshowAcc.bleu div.slideshow a.bx-prev:hover {
        background-position: -450px -90px;
    }

    div.boiteSlideshowAcc div.slideshow div.btnSuiv {
        width: 82px;
        position: absolute;
        bottom: 0;
        right: -133px;
        overflow: visible;
        display: none;
    }

    div.boiteSlideshowAcc div.slideshow a.bx-next {
        display: block;
        width: 82px;
        height: 82px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-accueil.png) no-repeat scroll 0 0;
        text-indent: -50000px;
        overflow: hidden;
        position: absolute;
        right: 0;
        bottom: 130px;
    }

    div.boiteSlideshowAcc.orange div.slideshow a.bx-next:hover {
        background-position: -90px 0;
    }

    div.boiteSlideshowAcc.vert div.slideshow a.bx-next:hover {
        background-position: -300px 0;
    }

    div.boiteSlideshowAcc.bleu div.slideshow a.bx-next:hover {
        background-position: -450px 0;
    }

    div.boiteSlideshowAcc a.bouton {
        margin: 0 auto;
        float: none;
        display: block;
        width: 225px;
    }

div#contenuPage {
    padding: 28px 0 56px 0;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1500px) {
    div#boiteReservation img.imageNGAccueil {
        width: 32% !important;
        margin-left: -150px !important;
    }
}

@media only screen and (max-width: 1317px) {
    div.boiteSlideshowAcc div.slideshow {
        width: 696px;
    }

    div#boiteReservation img.imageNGAccueil {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1104px) {
    div.boiteSlideshowAcc div.slideshow {
        width: 455px;
    }
}

@media only screen and (max-width: 1025px) {
    div.boiteSlideshowAcc ul li a:hover span.survol {
        left: -50000px;
    }

    div#boiteReservation img.imageNGAccueil {
        width: 28% !important;
        margin-left: -20px !important;
    }
}

@media only screen and (max-width: 837px) {
    div.boiteSlideshowAcc h2 {
        font-size: 3.5em;
        line-height: 1.2285em;
    }

    div.boiteSlideshowAcc div.slideshow {
        width: 214px;
    }

        div.boiteSlideshowAcc div.slideshow div.btnPrec {
            left: -100px;
        }

        div.boiteSlideshowAcc div.slideshow div.btnSuiv {
            right: -100px;
        }

    div.boiteSlideshowAcc.orange div.row,
    div.boiteSlideshowAcc.vert div.row,
    div.boiteSlideshowAcc.bleu div.row {
        overflow: hidden;
    }
}

@media only screen and (max-width: 444px) {
    div.boiteSlideshowAcc h2 {
        font-size: 2.8em;
        padding: 13px 21px 0 21px;
    }

    div.boiteSlideshowAcc div.slideshow {
        width: auto;
        height: auto;
        margin: 0 25% 30px 25%;
        position: relative;
    }

    div.boiteSlideshowAcc ul li {
        width: auto;
        height: auto;
        margin: 0;
    }

        div.boiteSlideshowAcc ul li a span.survol {
            height: auto;
        }

            div.boiteSlideshowAcc ul li a span.survol span.interieur {
                font-size: 1.4em;
                padding: 45% 15px 45% 15px;
                height: 10%;
            }

    div.boiteSlideshowAcc div.slideshow div.btnPrec {
        width: 50px;
        left: -55px;
        bottom: 0;
    }

    div.boiteSlideshowAcc div.slideshow a.bx-prev,
    div.boiteSlideshowAcc div.slideshow a.bx-next {
        width: 49px;
        height: 49px;
        margin: -24px 0 0 0;
        bottom: auto;
    }

    div.boiteSlideshowAcc div.slideshow a.bx-prev {
        background-position: -180px -90px;
    }

    div.boiteSlideshowAcc.orange div.slideshow a.bx-prev:hover {
        background-position: -240px -90px;
    }

    div.boiteSlideshowAcc.vert div.slideshow a.bx-prev:hover {
        background-position: -391px -90px;
    }

    div.boiteSlideshowAcc.bleu div.slideshow a.bx-prev:hover {
        background-position: -541px -90px;
    }

    div.boiteSlideshowAcc div.slideshow div.btnPrec div.fond,
    div.boiteSlideshowAcc div.slideshow div.btnSuiv div.fond {
        width: 50px;
        height: 19px;
        background-position: -170px -180px;
        margin: 0 0 0 -25px;
    }

    div.boiteSlideshowAcc div.slideshow div.btnSuiv {
        width: 50px;
        right: -55px;
        bottom: 0;
    }

    div.boiteSlideshowAcc.orange div.slideshow a.bx-next {
        background-position: -180px 0;
    }

        div.boiteSlideshowAcc.orange div.slideshow a.bx-next:hover {
            background-position: -240px 0;
        }

    div.boiteSlideshowAcc div.slideshow a.bx-next {
        background-position: -180px 0;
    }

    div.boiteSlideshowAcc.orange div.slideshow a.bx-next:hover {
        background-position: -240px 0;
    }

    div.boiteSlideshowAcc.vert div.slideshow a.bx-next:hover {
        background-position: -391px 0;
    }

    div.boiteSlideshowAcc.bleu div.slideshow a.bx-next:hover {
        background-position: -541px 0;
    }

    div.boiteSlideshowAcc ul li a span.libeleLien {
        position: relative;
        padding: 12px 0 0 0;
        font-size: 2.4em;
        line-height: 1.0416em;
    }

    div.boiteSlideshowAcc ul li a {
        display: block;
        padding: 0;
    }
}

div#boiteReservation div.fond.image {
    left: 50%;
}

    div#boiteReservation div.fond.image div,
    div#boiteReservation div.fond.image img {
        width: 2560px;
        margin: 0 0 0 -50%;
        display: block;
    }

@media screen and (max-width:767px) {

    div#boiteReservation div.fond.image div,
    div#boiteReservation div.fond.image img {
        width: 250%;
        margin: 0 0 0 -50%;
        display: block;
    }
}

div#boiteReservation div.fond.image {
    width: ¬¬largeurImageAdaptive¬¬px;
}

    div#boiteReservation div.fond.image img {
        display: block;
    }

@media only screen and (max-width:1936px) {
    div#boiteReservation div.fond.image {
        width: 132.2314%;
    }

        div#boiteReservation div.fond.image img {
            width: 100%;
            height: auto;
        }
}

@media only screen and (max-width:1690px) {
    div#boiteReservation div.separateur {
        margin: 0 auto 30px auto;
    }
}

@media only screen and (max-width:1480px) {
    div#boiteReservation h1 {
        font-size: 6.5em;
    }

        div#boiteReservation h1 span.petit {
            font-size: 0.5555em;
        }
}

@media only screen and (max-width:1370px) {
    div#boiteReservation h1 {
        padding: 30px 0 0 0;
        margin: 0 0 20px 0;
    }

    div#boiteReservation div.separateur {
        display: none !important;
    }
}

@media only screen and (max-width:1200px) {
    div#boiteReservation div.fond.image {
        width: 150%;
    }
}

@media only screen and (max-width:1030px) {
    div#boiteReservation h1 span.petit {
        font-size: 0.5555em;
    }

    div#boiteReservation h2 {
        font-size: 3em;
    }
}

@media only screen and (max-width:900px) {
    div#boiteReservation h1 {
        font-size: 4em;
        padding: 15px 0 0 0;
    }

    div#boiteReservation h2 {
        padding: 0;
        font-size: 2.2em;
    }
}

@media only screen and (max-width:880px) {
    div#boiteReservation h1 {
        font-size: 4em;
    }

    div#boiteReservation img.imageNGAccueil {
        width: 40% !important;
        top: 90px !important;
    }
}

@media only screen and (max-width:812px) {
    div#boiteReservation img.imageNGAccueil {
        width: 17% !important;
        top: 75px !important;
    }
}

@media only screen and (max-width:767px) {
    div#contenuPage {
        padding-bottom: 0;
    }

    div#boiteReservation div.fond.image {
        width: 140%;
    }

    div#boiteReservation img.imageNGAccueil {
        width: 40% !important;
        left: 50% !important;
        margin-left: -20% !important;
    }
}

@media only screen and (max-width:960px) {
    div#contenuPage {
        overflow: hidden;
    }
}

@media only screen and (max-width:1000px) {
}

div.hauteurContenu p {
    margin-bottom: 0;
}

div#boiteTitre {
    background: #1133BA none;
    text-align: center;
}

    div#boiteTitre div.haut {
        width: 100%;
        height: 54px;
        background: #1235BE url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -991px;
    }

    div#boiteTitre div.bas {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 60px;
        background: #1235BE url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1045px;
    }

    div#boiteTitre h1 {
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-size: 4.4em;
        margin: 0;
        line-height: 1.2272em;
        padding: 0 0 31px 0;
        margin: 29px 0 0 0;
        position: relative;
        display: inline-block;
    }

        div#boiteTitre h1 span.etoile,
        div#boiteTitre h1 span.etoiles,
        div#boiteTitre h1 span.soleil,
        div#boiteTitre h1 span.soleils {
            display: block;
            position: absolute;
            top: 8px;
            left: 100%;
            margin: 0 0 0 8px;
        }

        div#boiteTitre h1 span.etoile,
        div#boiteTitre h1 span.etoiles {
            height: 21px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll 0 -30px;
        }

        div#boiteTitre h1 span.soleil,
        div#boiteTitre h1 span.soleils {
            height: 23px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll 0 0;
        }

        div#boiteTitre h1 span.nb1.soleil,
        div#boiteTitre h1 span.nb1.soleils {
            width: 22px;
        }

        div#boiteTitre h1 span.nb2.soleil,
        div#boiteTitre h1 span.nb2.soleils {
            width: 46px;
        }

        div#boiteTitre h1 span.nb3.soleil,
        div#boiteTitre h1 span.nb3.soleils {
            width: 71px;
        }

        div#boiteTitre h1 span.nb4.soleil,
        div#boiteTitre h1 span.nb4.soleils {
            width: 95px;
        }

        div#boiteTitre h1 span.nb5.soleil,
        div#boiteTitre h1 span.nb5.soleils {
            width: 119px;
        }

        div#boiteTitre h1 span.nb1.etoile,
        div#boiteTitre h1 span.nb1.etoiles {
            width: 21px;
        }

        div#boiteTitre h1 span.nb2.etoile,
        div#boiteTitre h1 span.nb2.etoiles {
            width: 44px;
        }

        div#boiteTitre h1 span.nb3.etoile,
        div#boiteTitre h1 span.nb3.etoiles {
            width: 68px;
        }

        div#boiteTitre h1 span.nb4.etoile,
        div#boiteTitre h1 span.nb4.etoiles {
            width: 91px;
        }

        div#boiteTitre h1 span.nb5.etoile,
        div#boiteTitre h1 span.nb5.etoiles {
            width: 114px;
        }

div#slideshowMembre {
    border: 1px solid #757569;
    margin-right: -3px;
}

    div#slideshowMembre ul,
    div#slideshowMembreControles ul {
        margin: 0;
    }

    div#slideshowMembre img,
    div#slideshowMembreControles img {
        display: block;
        margin: 0 auto;
    }

    div#slideshowMembre li,
    div#slideshowMembreControles li {
        list-style: none outside none;
        padding: 0;
        background: transparent none;
    }

div#slideshowMembreControles {
    position: relative;
    padding: 0 37px 0 38px;
    margin: 0 0 6px 0;
}

    div#slideshowMembreControles li {
        padding: 8px 0;
    }

        div#slideshowMembreControles li a {
            display: block;
            border: 1px solid #BDB891;
            padding: 3px;
        }

            div#slideshowMembreControles li a:hover,
            div#slideshowMembreControles li.actif a {
                border: 1px solid #00A186;
                background-color: #00BE9E;
                box-shadow: 0 0 4px rgba(0, 190, 168, 0.75);
            }

    div#slideshowMembreControles div.prec {
        width: 38px;
        position: absolute;
        top: 8px;
        left: 0;
    }

        div#slideshowMembreControles div.prec a {
            display: block;
            width: 37px;
            height: 62px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -130px 0;
            margin: -5px 0 0 -3px;
            text-indent: -50000px;
            overflow: hidden;
        }

    div#slideshowMembreControles div.suiv {
        width: 38px;
        position: absolute;
        top: 8px;
        right: 0;
    }

        div#slideshowMembreControles div.suiv a {
            display: block;
            width: 37px;
            height: 62px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -170px 0;
            margin: -5px -3px 0 0;
            text-indent: -50000px;
            overflow: hidden;
            float: right;
        }

    div#slideshowMembreControles li div.icone.video {
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -15px 0 0 -15px;
        width: 30px;
        height: 30px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -60px -230px;
    }

div#slideshowMembre li div.icone.video {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    width: 49px;
    height: 49px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -101px -230px;
}

div#slideshowMembre div.flex-video {
    margin-bottom: 0;
    padding-bottom: 54.6925%;
    padding-top: 0;
}

.flex-video.formatLarge {
    padding-bottom: 49%;
}

div#imageEtablissement {
    float: left;
    width: 30%;
}

div#texteEtablissement {
    float: right;
    clear: none;
    width: 50%;
}

div#coordEtablissement {
    float: left;
    width: 30%;
}

div#cartedEtablissement {
    float: right;
    width: 50%;
}

div#membreGauche {
    padding-left: 0;
}

div#membreDroite {
    padding-right: 0;
}

    div#membreDroite div.boiteInfoMembreDroite .accordeon {
        padding: 0;
    }

div#membreGauche div.column.droite {
    float: right;
    clear: none;
    width: 62.5%;
}

div#membreGauche div.column.gauche {
    float: left;
    width: 37.5%;
    margin: 0 0 10px 0;
}

div#membreGauche div.column.carte {
    float: right;
    clear: right;
    width: 62.5%;
    margin: 0 0 30px 0;
}

div#membreGauche div.column.gauche a.grand.bouton {
    display: inline-block;
    margin: 0 8px 10px 8px;
}

div.boiteImageAvecOmbre {
    overflow: visible;
}

    div.boiteImageAvecOmbre div.fond {
        top: auto;
        left: 50%;
        bottom: -29px;
        width: 277px;
        height: 54px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll 0 -70px;
        margin: 0 0 0 -138px;
    }

    div.boiteImageAvecOmbre img {
        border: 1px solid #DDD9B6;
        float: left;
    }

div#coordonneesWeb ul.reseauxSociaux {
    margin: 0 0 20px 0;
    padding: 0;
    clear: both;
    white-space: normal;
}

    div#coordonneesWeb ul.reseauxSociaux li {
        width: 21px;
        height: 21px;
        overflow: hidden;
        padding: 1px 0 0 0;
        background: transparent none;
    }

div#coordonneesWebMobile div#coordonneesWeb ul.reseauxSociaux li {
    margin: 0 6px 10px 6px;
}

div#coordonneesWeb ul.reseauxSociaux li a {
    white-space: nowrap;
    vertical-align: middle;
    background: transparent none;
}

    div#coordonneesWeb ul.reseauxSociaux li a:hover {
        text-decoration: none;
    }

div#coordonneesWeb span.icone {
    display: inline-block;
    vertical-align: top;
}

div#coordonneesWeb a span.icone.facebook {
    width: 20px;
    height: 20px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll 0 -130px;
}

div#coordonneesWeb a:hover span.icone.facebook {
    background-position: 0 -160px;
}

div#coordonneesWeb a span.icone.twitter {
    width: 20px;
    height: 20px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -30px -130px;
}

div#coordonneesWeb a:hover span.icone.twitter {
    background-position: -30px -160px;
}

div#coordonneesWeb a span.icone.googlePlus {
    width: 20px;
    height: 20px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -60px -130px;
}

div#coordonneesWeb a:hover span.icone.googlePlus {
    background-position: -60px -160px;
}

div#coordonneesWeb a span.icone.youtube {
    width: 20px;
    height: 20px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -90px -130px;
}

div#coordonneesWeb a:hover span.icone.youtube {
    background-position: -90px -160px;
}

div#coordonneesWeb a span.icone.linkedIn {
    width: 20px;
    height: 20px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -120px -130px;
}

div#coordonneesWeb a:hover span.icone.linkedIn {
    background-position: -120px -160px;
}

div#coordonneesWeb a span.icone.flickr {
    width: 21px;
    height: 21px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -250px 0;
    margin: -1px 0 0 0;
}

div#coordonneesWeb a:hover span.icone.flickr {
    background-position: -250px -30px;
}

div#coordonneesWeb a span.icone.pinterest {
    width: 20px;
    height: 20px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -30px -230px;
}

div#coordonneesWeb a:hover span.icone.pinterest {
    background-position: -30px -260px;
}

div#coordonneesWeb a span.icone.instagram {
    width: 20px;
    height: 20px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll 0 -230px;
}

div#coordonneesWeb a:hover span.icone.instagram {
    background-position: 0 -260px;
}

a.lienModalChambreCaches {
    display: none;
}

ul.distinctions li {
    list-style: none outside none;
    padding: 0;
    background: transparent none;
    margin-bottom: 5px;
}

div.separateurCoordonnees {
    margin: 33px 0 40px 0;
    border-bottom: 1px solid #DDD9B6;
}

div#membreGauche h2,
div#forfaitsMobile h2,
div#membreDroite div#coordonneesWebMobile h2 {
    font-size: 1.6em;
    line-height: 1.125em;
    color: #2A2A29;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0;
}

div.descriptionContenu {
    overflow: hidden;
}

    div.descriptionContenu .contenuTexte {
        width: 62.7039%;
        margin: 0 0 15px 0;
    }

a.boutonMontrerPlusMoins {
    position: relative;
    padding: 0 17px 0 0;
    font-size: 1.3em;
    line-height: 1.2307em;
    display: inline;
    margin: 5px 0 20px 0;
    float: left;
}

    a.boutonMontrerPlusMoins:hover {
        text-decoration: none;
    }

        a.boutonMontrerPlusMoins:hover span {
            text-decoration: underline;
        }

    a.boutonMontrerPlusMoins span.icone {
        display: block;
        width: 9px;
        height: 5px;
        margin: -2px 0 0 0;
        position: absolute;
        top: 50%;
        right: 0;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -90px -60px;
    }

    a.boutonMontrerPlusMoins.ouvrir span.icone {
        background-position: -100px -60px;
    }

    a.boutonMontrerPlusMoins.fermer span.icone {
        background-position: -90px -60px;
    }

div[class^=carteGoogle] {
    border: 1px solid #757569;
    margin: 0 0 10px 0;
}

a[class^=lienCarteGoogle] {
    font-size: 1.3em;
    line-height: 1.2307em;
    margin: 0 0 20px 0;
    display: inline-block;
    width: 100%;
}

    a[class^=lienCarteGoogle] img {
        display: block;
        float: none;
        margin: 0 0 10px 0;
        border: 1px solid #757569;
    }

    a[class^=lienCarteGoogle] span {
        display: block;
    }

#boiteLienCarteGoogleMobile {
    width: auto;
}

    #boiteLienCarteGoogleMobile img {
        display: inline-block !important;
    }

div.forfaitsHebergementInfos {
    border-top: 1px solid #DDD9B6;
    padding: 33px 0 0 0;
}

    div.forfaitsHebergementInfos h2 {
        margin: 0 0 20px 0;
    }

div.boiteListeForfaits {
    margin: 0 0 24px 0;
}

div.boiteForfaits {
    margin: 0 0 12px 0;
}

    div.boiteForfaits a:hover {
        text-decoration: none;
    }

    div.boiteForfaits div.fond {
        display: none;
    }

    div.boiteForfaits div.interieur {
        border: 1px solid #B2EBDA;
        padding: 16px 25px;
        background: #EBFEF2 none;
    }

    div.boiteForfaits a:hover div.fond {
        display: block;
    }

    div.boiteForfaits a:hover div.interieur {
        border: 1px solid #B2EBDA;
        background: #FFFEF5 none;
    }

    div.boiteForfaits h3 {
        margin: 0;
        font-size: 1.3em;
        font-style: italic;
        color: #2A2A29;
        line-height: 1.2307em;
        margin: 0 0 9px 0;
        font-weight: normal;
        font-family: Arial, Helvetica, sans-serif;
        padding: 0;
    }

    div.boiteForfaits h4 {
        font-size: 1.4em;
        font-style: normal;
        color: #222222;
        font-weight: bold;
        line-height: 1.2142em;
        margin: 0 0 3px 0;
    }

    div.boiteForfaits h5 {
        color: #00BE9E;
        margin: 0;
    }

    div.boiteForfaits .boiteTitre {
        padding: 8px 25px;
        margin: 0 -25px 12px -25px;
        background: #EBFEF2;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZmVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZGVjZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(left, #EBFEF2 0%, #9DECDB 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #EBFEF2), color-stop(100%, #9DECDB));
        background: -webkit-linear-gradient(left, #EBFEF2 0%, #9DECDB 100%);
        background: -o-linear-gradient(left, #EBFEF2 0%, #9DECDB 100%);
        background: -ms-linear-gradient(left, #EBFEF2 0%, #9DECDB 100%);
        background: linear-gradient(to right, #EBFEF2 0%, #9DECDB 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebfef2', endColorstr='#9decdb', GradientType=1);
    }

    div.boiteForfaits a:hover .boiteTitre {
        background: transparent none;
        filter: none;
    }

    div.boiteForfaits p {
        color: #00BE9E;
        margin: 0;
    }

    div.boiteForfaits.enLigne div.interieur {
        padding: 6px 16px;
    }

        div.boiteForfaits.enLigne div.interieur p {
            color: #00BE9E;
            font-size: 1.4em;
            font-style: italic;
            font-weight: bold;
            line-height: 1.2142em;
            margin: 0;
        }

h4.titreMembreForfait {
    font-style: normal;
    font-size: 1.3em;
    font-weight: normal;
    margin-bottom: 0;
}

div.boiteGrandTitre {
    border: 1px solid #E4E3BD;
    position: relative;
    margin: 0 0 46px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

body div#contenuPage div.boiteGrandTitre h2 {
    height: 51px;
    margin: 0;
    padding: 18px 0 0 16px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1234px;
    border-bottom: 1px solid #E4E3BD;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    font-size: 1.6em;
    line-height: 1.125em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

div.boiteGrandTitre div.boiteFleche {
    width: 23.62%;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 3;
}

div.boiteGrandTitre div.fleche {
    width: 21px;
    height: 8px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -190px -130px;
    margin: 0 auto;
}

div.boiteGrandTitre div.description ul {
    margin: 0 0 15px 20px;
}

div.boiteGrandTitre ul li {
    list-style: none outside none;
    padding: 22px 0;
    position: relative;
    background: transparent none;
    color: #5D5D5D;
}

div.boiteGrandTitre table {
    width: 100.20%;
}

    div.boiteGrandTitre table ul {
        margin-bottom: 0;
    }

        div.boiteGrandTitre table ul li {
            padding: 0;
        }

div.containerDescriptionSalleReunion {
    float: left;
    width: 220px;
}

div.boiteGrandTitre ul li.dernier {
    border: none;
}

    div.boiteGrandTitre ul li.dernier .pointilleBas {
        display: none;
    }

div.boiteGrandTitre ul li .image {
    width: 23.62%;
    padding: 0 17px;
    float: left;
}

    div.boiteGrandTitre ul li .image img {
        display: block;
    }

div.boiteGrandTitre ul li .description {
    display: block;
    width: 70.59%;
    float: left;
    padding: 0 5px 0 0;
    margin: 0 -26% 0 0;
}

    div.boiteGrandTitre ul li .description ul li {
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1800px -154px;
        padding: 0 0 0 15px;
    }

    div.boiteGrandTitre ul li .description.large {
        width: 73%;
    }

div.boiteGrandTitre.boutonsBas ul li:hover {
    background: #F7F7F7 none;
}

    div.boiteGrandTitre.boutonsBas ul li:hover .bouton span.gauche {
        background-position: -20px -120px;
    }

    div.boiteGrandTitre.boutonsBas ul li:hover .bouton span.droite {
        background-position: -30px -120px;
    }

    div.boiteGrandTitre.boutonsBas ul li:hover .bouton {
        background-position: 0 -34px;
    }

div.boiteGrandTitre.boutonsBas ul li .description {
    width: 50.59%;
}

div.boiteGrandTitre ul li .description h3,
div#reservationGauche div.boiteGrandTitre label h3 {
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.2142em;
    margin: 0 0 9px 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    font-style: normal;
}

div.boiteGrandTitre ul li .description h4 {
    clear: both;
    margin: 0 0 9px 0;
}

div.boiteGrandTitre ul li .description p {
    line-height: 1.2307em;
}

div.boiteGrandTitre ul li .description dl dt {
    font-size: 1.3em;
    line-height: 1.2307em;
    float: left;
    clear: left;
    width: 60%;
}

div.boiteGrandTitre ul li .description dl dd {
    font-size: 1.3em;
    line-height: 1.2307em;
    display: block;
}

div.boiteGrandTitre ul li .description dl.descriptionActivites {
    width: 100%;
}

    div.boiteGrandTitre ul li .description dl.descriptionActivites dt {
        width: 20%;
        float: left;
        clear: left;
        font-weight: bold;
    }

    div.boiteGrandTitre ul li .description dl.descriptionActivites dd {
        width: 80%;
        float: left;
        padding: 0 0 0 15px;
        margin: 0 0 5px 0;
    }

div.boiteGrandTitre ul li .boutons {
    width: 31.79%;
    float: right;
    padding: 0 0 0 9px;
    position: relative;
}

div.boiteGrandTitre.boutonsBas ul li {
    font-size: 1em;
    line-height: normal;
}

    div.boiteGrandTitre.boutonsBas ul li .boutons {
        width: 25.79%;
        padding: 44px 0 0 0;
        text-align: center;
    }

        div.boiteGrandTitre.boutonsBas ul li .boutons .bouton {
            width: 60%;
            margin: 0 auto;
        }

a.lienDetails {
    display: inline-block;
    font-size: 1.1em;
    padding: 0 11px 0 0;
    position: relative;
    line-height: 1.7272em;
    margin: 0 0 8px 0;
}

    a.lienDetails span.icone {
        position: absolute;
        top: 5px;
        right: -2px;
        display: block;
        width: 9px;
        height: 9px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -80px -60px;
    }

    a.lienDetails.ferme span.icone {
        background-position: -90px -60px;
    }

.pointilleBas {
    width: 100%;
    height: 1px;
    overflow: hidden;
    background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) repeat-x scroll 0 -190px;
    position: absolute;
    bottom: 0;
    left: 0;
}

div.boiteGrandTitre table {
    margin: 0 -1px -1px 0;
}

    div.boiteGrandTitre table th,
    div.boiteGrandTitre table td {
        background: transparent url(../../images/site/bordureTableaux.gif) no-repeat scroll right bottom;
        padding: 12px 12px 12px 16px;
        font-size: 1.5em;
        line-height: 1.4166em;
        color: #5D5D5D;
    }

    div.boiteGrandTitre table.ui-datepicker-calendar th,
    div.boiteGrandTitre table.ui-datepicker-calendar td {
        background-image: none;
    }

    div.boiteGrandTitre table td span.petit {
        font-size: 0.9166em;
    }

    div.boiteGrandTitre table th {
        font-weight: bold;
        text-align: left;
        width: 219px;
        vertical-align: top;
        font-style: italic;
    }

        div.boiteGrandTitre table th.fonce,
        div.boiteGrandTitre table td.fonce {
            background-color: #FBF9EB;
        }

div.boiteGrandTitre ul.modePaiement {
    margin: 0 0 -4px 0;
}

    div.boiteGrandTitre ul.modePaiement li {
        width: 27px;
        height: 19px;
        display: inline-block;
        padding: 0;
        margin: 0 2px 4px 0;
    }

        div.boiteGrandTitre ul.modePaiement li.visa {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll 0 -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.masterCard {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -30px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.americanExpress {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -60px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.dinnersClub {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -120px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.interac {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -90px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.mandatPostal {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -150px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.paypal {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -180px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.comptant {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -210px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.cheque {
            background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -240px -200px;
        }

        div.boiteGrandTitre ul.modePaiement li.virementBancaire {
            background: transparent url(../../images/site/IconeTransfertBancaire.jpg) no-repeat scroll;
        }

div#boiteDocument.boiteGrandTitre {
    width: auto;
}

    div#boiteDocument.boiteGrandTitre div.description {
        padding: 5px 0 0 20px;
        font-size: 1.1em;
    }

    div#boiteDocument.boiteGrandTitre ul {
        margin-bottom: 0;
    }

div#membreDroite {
    float: left;
}

.neufTranches.boiteInfoMembreDroite {
    margin: 0 0 24px 0;
}

    .neufTranches.boiteInfoMembreDroite .fond .haut {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .neufTranches.boiteInfoMembreDroite .fond .haut .gauche {
            position: absolute;
            left: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background-position: -220px -130px;
        }

        .neufTranches.boiteInfoMembreDroite .fond .haut .droite {
            position: absolute;
            right: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background-position: -250px -130px;
        }

        .neufTranches.boiteInfoMembreDroite .fond .haut .centre {
            width: 100%;
            height: 22px;
            background-position: 0 -1288px;
            margin: -13px 0 0 0;
        }

    .neufTranches.boiteInfoMembreDroite .fond .bas {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .neufTranches.boiteInfoMembreDroite .fond .bas .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background-position: -220px -160px;
        }

        .neufTranches.boiteInfoMembreDroite .fond .bas .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background-position: -250px -160px;
        }

        .neufTranches.boiteInfoMembreDroite .fond .bas .centre {
            width: 100%;
            height: 17px;
            background-position: 0 -1313px;
        }

    .neufTranches.boiteInfoMembreDroite .fond .milieu {
        height: 100%;
        width: 100%;
        padding: 0 9px;
        position: relative;
    }

        .neufTranches.boiteInfoMembreDroite .fond .milieu .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background-position: -344px 0;
        }

        .neufTranches.boiteInfoMembreDroite .fond .milieu .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background-position: -369px 0;
        }

        .neufTranches.boiteInfoMembreDroite .fond .milieu .centre {
            background: #FFFEF9 none;
            width: 100%;
            height: 100%;
            background: #FFFEF9 none;
        }

div.exterieur.boiteFondVert {
    overflow: visible;
    z-index: 1;
}

    div.exterieur.boiteFondVert div.fond {
        height: 281px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1338px;
        padding: 0;
        width: 100%;
    }

    div.exterieur.boiteFondVert div.interieur {
        padding: 17px 11px 0 11px;
    }

div#membreDroite ul.tabs,
div#membreDroite ul.tabs li,
div#membreDroite ul.tabs a,
div#membreDroite ul.tabs-content {
    border: none;
    margin: 0;
    padding: 0;
    height: auto;
    line-height: normal;
    font-size: 1em;
    float: none;
    display: inline-block;
}

div#membreDroite ul.tabs-content {
    display: block;
}

div#membreDroite ul.tabs {
    width: 100%;
}

    div#membreDroite ul.tabs li {
        background: transparent none;
    }

        div#membreDroite ul.tabs li.premier {
            padding: 0 2px 0 0;
            vertical-align: bottom;
        }

        div#membreDroite ul.tabs li.dernier {
            padding: 0 0 0 2px;
            vertical-align: bottom;
        }

        div#membreDroite ul.tabs li a {
            background: #00BE9E none;
            text-align: center;
            font-size: 1.2em;
            font-weight: bold;
            color: #FFFFFF;
            text-transform: uppercase;
            padding: 8px 0;
            line-height: 1.25em;
            width: 100%;
            border-bottom: 4px solid #FFFEF9;
        }

            div#membreDroite ul.tabs li a:hover {
                text-decoration: none;
            }

        div#membreDroite ul.tabs li.active a {
            background: #CFF2E8 none;
            text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);
            color: #00AD90;
            border-bottom: 4px solid #CCF1E7;
        }

div#membreDroite ul.tabs-content li {
    font-size: 1em;
    line-height: 1.5em;
    padding: 0;
    background: transparent none;
}

    div#membreDroite ul.tabs-content li p {
        font-size: 1.2em;
        line-height: 1.5em;
        padding: 0 0 8px 0;
        margin: 0 0 8px 0;
        border-bottom: 1px solid #ACD9CF;
        width: 100%;
    }

        div#membreDroite ul.tabs-content li p.pasBorderBottom {
            border-bottom: none;
        }

        div#membreDroite ul.tabs-content li p.notePrix {
            padding: 0;
            font-weight: bold;
            font-style: italic;
            border: none;
        }

    div#membreDroite ul.tabs-content li span.grand,
    div#reservationDroite span.grand {
        font-size: 1.3333em;
        font-weight: bold;
        vertical-align: bottom;
        line-height: normal;
        clear: both;
    }

    div#membreDroite ul.tabs-content li span.prix,
    div#reservationDroite span.prix,
    div#membreDroite span.prix {
        display: block;
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-size: 4.1666em;
        line-height: 1.16em;
        white-space: nowrap;
        float: left;
        clear: left;
    }

    div#membreDroite ul.tabs-content li span.saisons {
        float: right;
        width: 100%;
    }

    div#membreDroite ul.tabs-content li a.bouton.favoris.opaque {
        float: right;
        margin: 9px 15px 0 0;
        font-size: 0.9166em;
    }

        div#membreDroite ul.tabs-content li a.bouton.favoris.opaque span.contenu {
            margin: 0 -7px 0 -4px;
            font-size: 1em;
            line-height: 1.4545em;
        }

.neufTranches.boiteFormMembre {
    z-index: 10;
    margin: 0 11px 20px 11px;
    width: auto;
}

    .neufTranches.boiteFormMembre.avecCalendrier {
        margin: 0 11px 9px 11px;
    }

    .neufTranches.boiteFormMembre .fond {
        padding: 8px 0;
    }

        .neufTranches.boiteFormMembre .fond .haut {
            height: 8px;
            width: 100%;
            padding: 0 8px;
            position: absolute;
            top: 0;
            left: 0;
        }

            .neufTranches.boiteFormMembre .fond .haut .gauche {
                position: absolute;
                left: 0;
                top: 0;
                width: 8px;
                height: 8px;
                background-position: -190px -150px;
            }

            .neufTranches.boiteFormMembre .fond .haut .droite {
                position: absolute;
                right: 0;
                top: 0;
                width: 8px;
                height: 8px;
                background-position: -200px -150px;
            }

            .neufTranches.boiteFormMembre .fond .haut .centre {
                width: 100%;
                height: 8px;
                background: transparent none;
                border-top: 1px solid #85DDCD;
                margin: 0 0 0 0;
                background: #FFFFFF none;
            }

        .neufTranches.boiteFormMembre .fond .bas {
            height: 8px;
            width: 100%;
            padding: 0 8px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .neufTranches.boiteFormMembre .fond .bas .gauche {
                position: absolute;
                left: 0;
                top: 0;
                width: 8px;
                height: 8px;
                background-position: -190px -160px;
            }

            .neufTranches.boiteFormMembre .fond .bas .droite {
                position: absolute;
                right: 0;
                top: 0;
                width: 8px;
                height: 8px;
                background-position: -200px -160px;
            }

            .neufTranches.boiteFormMembre .fond .bas .centre {
                width: 100%;
                height: 8px;
                background: transparent none;
                border-bottom: 1px solid #E5E4BF;
                background: #FFFFFF none;
            }

        .neufTranches.boiteFormMembre .fond .milieu {
            height: 100%;
            width: 100%;
            padding: 0 17px;
            position: relative;
            background: #FFFFFF none;
        }

            .neufTranches.boiteFormMembre .fond .milieu .gauche {
                position: absolute;
                left: 0;
                top: 0;
                width: 8px;
                height: 100%;
                background: transparent none;
                border-left: 1px solid #E5E4BF;
            }

            .neufTranches.boiteFormMembre .fond .milieu .droite {
                position: absolute;
                right: 0;
                top: 0;
                width: 8px;
                height: 100%;
                background: transparent none;
                border-right: 1px solid #E5E4BF;
            }

            .neufTranches.boiteFormMembre .fond .milieu .centre {
                height: 17px;
                background: #FFFEF9 none;
            }

        .neufTranches.boiteFormMembre .fond.ligneDegrade {
            width: 1px;
            height: 139px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) no-repeat scroll 0 -1688px;
        }

            .neufTranches.boiteFormMembre .fond.ligneDegrade.gauche {
                left: 0;
                top: 8px;
            }

            .neufTranches.boiteFormMembre .fond.ligneDegrade.droite {
                left: auto;
                right: 0;
                top: 8px;
            }

    .neufTranches.boiteFormMembre .interieur {
        padding: 5px 12px;
    }

form.custom select {
    display: none;
}

div.neufTranches.boiteInfoMembreDroite div.neufTranches.boiteFormMembre div.boiteTitreDegrade.exterieur {
    margin: 0 -11px 12px -11px;
    width: auto;
}

div.boiteTitreDegrade.exterieur div.fond {
    width: 258px;
    height: 100%;
    left: auto;
    right: 0;
    background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -395px 0;
    padding: 0;
}

    div.boiteTitreDegrade.exterieur div.fond.fleche.bas {
        width: 15px;
        height: 10px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -210px -10px;
        top: 50%;
        right: 20px;
        margin: -5px 0 0 0;
        z-index: 2;
    }

    div.boiteTitreDegrade.exterieur div.fond.fleche.haut {
        width: 15px;
        height: 10px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-membres.png) no-repeat scroll -230px -10px;
        top: 50%;
        right: 20px;
        margin: -5px 0 0 0;
        z-index: 2;
    }

div.neufTranches.boiteInfoMembreDroite div.neufTranches.boiteFormMembre div.boiteTitreDegrade.exterieur div.interieur {
    padding: 10px 12px;
}

div.boiteTitreDegrade.exterieur div.interieur h2 {
    font-size: 1.6em;
    margin: 0;
    font-weight: bold;
    font-style: italic;
    line-height: 1.25em;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
}

div#membreDroite form {
    margin: 0 0 5px;
}

div#membreDroite label {
    font-size: 1.3em;
    font-weight: bold;
    lien-height: normal;
    margin: 0 0 4px 0;
    display: block;
}

input.hasDatepicker {
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll right 5px;
}

div#membreDroite .petitChamp input {
    width: 35px;
}

div#membreDroite .neufTranches.boiteListe {
    z-index: 10;
    margin: 0;
    width: auto;
    position: absolute;
    top: 29px;
    left: 5px;
    display: none;
}

div#membreDroite .open .neufTranches.boiteListe {
    display: block;
}

div#membreDroite .neufTranches.boiteListe .fond {
    padding: 9px 0;
}

    div#membreDroite .neufTranches.boiteListe .fond div.fleche {
        width: 22px;
        height: 13px;
        background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px 0;
        position: absolute;
        left: 11px;
        top: -4px;
        z-index: 2;
    }

    div#membreDroite .neufTranches.boiteListe .fond .haut {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        top: 0;
        left: 0;
    }

        div#membreDroite .neufTranches.boiteListe .fond .haut .gauche {
            position: absolute;
            left: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 0;
        }

        div#membreDroite .neufTranches.boiteListe .fond .haut .droite {
            position: absolute;
            right: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px 0;
        }

        div#membreDroite .neufTranches.boiteListe .fond .haut .centre {
            width: 100%;
            height: 22px;
            background: transparent none;
            border-top: 1px solid #85DDCD;
            margin: -13px 0 0 0;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -655px;
            border: none;
        }

    div#membreDroite .neufTranches.boiteListe .fond .bas {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        div#membreDroite .neufTranches.boiteListe .fond .bas .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 -30px;
        }

        div#membreDroite .neufTranches.boiteListe .fond .bas .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px -30px;
        }

        div#membreDroite .neufTranches.boiteListe .fond .bas .centre {
            width: 100%;
            height: 22px;
            background: transparent none;
            border-bottom: 1px solid #E5E4BF;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -680px;
            border: none;
        }

    div#membreDroite .neufTranches.boiteListe .fond .milieu {
        height: 100%;
        width: 100%;
        padding: 0 17px;
        position: relative;
        background: #FFFFFF none;
    }

        div#membreDroite .neufTranches.boiteListe .fond .milieu .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -254px 0;
            border: none;
        }

        div#membreDroite .neufTranches.boiteListe .fond .milieu .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -279px 0;
            border-right: 1px solid #E5E4BF;
            border: none;
        }

        div#membreDroite .neufTranches.boiteListe .fond .milieu .centre {
            height: 17px;
            background: #FFFEF9 none;
        }

    div#membreDroite .neufTranches.boiteListe .fond.ligneDegrade {
        width: 1px;
        height: 139px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) no-repeat scroll 0 -1688px;
    }

        div#membreDroite .neufTranches.boiteListe .fond.ligneDegrade.gauche {
            left: 0;
            top: 8px;
        }

        div#membreDroite .neufTranches.boiteListe .fond.ligneDegrade.droite {
            left: auto;
            right: 0;
            top: 8px;
        }

div#membreDroite .neufTranches.boiteListe .interieur {
    padding: 5px 0;
}

    div#membreDroite .neufTranches.boiteListe .interieur ul {
        position: relative;
        margin: 0;
        border: none;
        top: 0;
        background: transparent none;
        margin: 0 1px;
    }

        div#membreDroite .neufTranches.boiteListe .interieur ul li {
            padding: 0 16px;
            line-height: 1.6153em;
            min-height: auto;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.3em;
            font-weight: bold;
            background: transparent none;
            height: 21px;
        }

            div#membreDroite .neufTranches.boiteListe .interieur ul li:hover {
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -706px;
                color: #FFFFFF;
            }

            div#membreDroite .neufTranches.boiteListe .interieur ul li.selected {
                background-color: #FF521E;
                color: #FFFFFF;
            }

                div#membreDroite .neufTranches.boiteListe .interieur ul li:hover:after,
                div#membreDroite .neufTranches.boiteListe .interieur ul li.selected:after {
                    content: '';
                }

div#membreDroite a.bouton.grand.orange {
    display: block;
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
    margin: 11px 8px 18px 8px;
}

div.neufTranches.boiteInfoMembreDroite div.boiteTitreDegrade.exterieur {
    margin: 0 -9px 12px -9px;
    width: auto;
    background: transparent none;
}

    div.neufTranches.boiteInfoMembreDroite div.boiteTitreDegrade.exterieur div.interieur {
        padding: 10px 20px;
    }

div.neufTranches.boiteFormMembre h3 {
    font-size: 1.2em;
    line-height: 1.0833em;
    font-weight: bold;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0 0 10px 0;
}

div.neufTranches.boiteFormMembre ul li {
    font-size: 1.1em;
    line-height: 1.3636em;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1810px -133px;
    list-style: none outside none;
    padding: 0 0 0 7px;
}

a.lienPolitiqueReservation {
    display: inline-block;
    font-size: 1.1em;
    line-height: 1.1818em;
    margin: 0 0 10px 0;
}

    a.lienPolitiqueReservation span.icone {
        display: inline-block;
        width: 5px;
        height: 9px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -80px -60px;
        vertical-align: middle;
        margin: 0 0 0 5px;
    }

div#calendrierDisponibiliteFicheHebergement {
    padding: 26px 0 0 0;
}

div#disponibiliteMobile div#calendrierDisponibiliteFicheHebergement {
    padding: 38px 0 0 0;
}

div.boiteInformation {
    border: 1px solid #F0E587;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    margin: 0 11px 10px 11px;
    padding: 2px;
}

    div.boiteInformation div.interieur {
        padding: 4px 7px;
        background: #FCF8D5 none;
    }

        div.boiteInformation div.interieur p {
            color: #94906E;
            margin: 0;
            font-size: 1.2em;
            line-height: 1.25em;
        }

        div.boiteInformation div.interieur dl {
            margin: 0;
        }

            div.boiteInformation div.interieur dl dt,
            div.boiteInformation div.interieur dl dd {
                color: #94906E;
                margin: 0;
                font-size: 1.2em;
                line-height: 1.25em;
                display: inline;
            }

            div.boiteInformation div.interieur dl dt {
                float: left;
                clear: left;
            }

            div.boiteInformation div.interieur dl dd {
                float: left;
                font-weight: bold;
            }

dl.listeHeureDOuverture {
    margin: 0;
    padding: 5px 10px 0 10px;
}

ul.listeHeureDOuverture dl.listeHeureDOuverture {
    padding: 0;
}

.neufTranches.boiteInfoMembreDroite ul.listeHeureDOuverture h3.dates {
    margin: 0 0 10px 0;
}

dl.listeHeureDOuverture dt {
    color: #2A2A29;
    font-size: 1.3em;
    font-weight: bold;
    font-style: italic;
    display: inline;
    margin: 0;
    line-height: 1.4615em;
    vertical-align: top;
    clear: both;
    margin: 0 4px 0 0;
    float: left;
    width: 38%;
}

dl.listeHeureDOuverture dd {
    list-style: none outside none;
    padding: 0 20px 12px 20px;
    font-size: 1.3em;
    color: #5D5D5D;
    position: relative;
    margin: 0 0 13px 0;
    line-height: normal;
    background: transparent none;
    padding: 0 0 0 1px;
    margin: 0;
    line-height: 1.4615em;
    float: left;
}

    dl.listeHeureDOuverture dd.dernier {
        padding: 0 0 12px;
    }

    dl.listeHeureDOuverture dt.enLigne,
    dl.listeHeureDOuverture dd.enLigne {
        width: 100%;
    }

    dl.listeHeureDOuverture dd.enLigne {
        margin-bottom: 5px;
    }

ul.listeHeureDOuverture {
    margin: 0 -10px;
    padding: 5px 0 0 0;
}

    ul.listeHeureDOuverture li {
        list-style: none outside none;
        padding: 0 20px 12px 20px;
        font-size: 1em;
        color: #5D5D5D;
        position: relative;
        margin: 0 0 13px 0;
        line-height: normal;
        background: transparent none;
        clear: both;
    }

        ul.listeHeureDOuverture li span {
            font-weight: bold;
        }

        ul.listeHeureDOuverture li ul,
        ul.listeHeureDOuverture li ul li,
        ul.listeHeureDOuverture p {
            padding: 0;
            margin: 0;
        }

        ul.listeHeureDOuverture li h3 {
            color: #2A2A29;
            font-size: 1.4em;
            font-weight: bold;
            font-style: italic;
            margin: 0;
            line-height: 1.2857em;
            margin: 0 0 10px 0;
            font-family: Arial, Helvetica, sans-serif;
            padding: 0;
        }

        ul.listeHeureDOuverture li h4 {
            color: #2A2A29;
            font-size: 1em;
            font-weight: bold;
            font-style: italic;
            display: inline;
            margin: 0;
            line-height: 1.4615em;
        }

        ul.listeHeureDOuverture li li {
            font-size: 1.3em;
            line-height: 1.4615em;
        }

        ul.listeHeureDOuverture li.dernier {
            margin: 0;
            padding: 0 20px;
        }

            ul.listeHeureDOuverture li.dernier div.pointilleBas {
                display: none;
            }

ul.listeActivites {
    margin: -12px -10px -10px -10px;
    padding: 0;
}

    ul.listeActivites li {
        list-style: none outside none;
        padding: 21px 20px 19px 20px;
        font-size: 1em;
        color: #5D5D5D;
        position: relative;
        line-height: normal;
        background: transparent none;
    }

        ul.listeActivites li div.image {
            float: left;
            width: 39%;
            max-width: 99px;
            padding: 0 12px 0 0;
        }

        ul.listeActivites li div.description {
            float: left;
            width: 61%;
        }

            ul.listeActivites li div.description h3 {
                margin: 0 0 5px 0;
                font-size: 1.4em;
                line-height: 1.2142em;
                font-family: Arial, Helvetica, sans-serif;
                padding: 0;
            }

            ul.listeActivites li div.description p {
                font-size: 1.2em;
                line-height: 1.5em;
                font-style: italic;
                margin: 0 0 5px 0;
            }

            ul.listeActivites li div.description a.lienDetails {
                margin: 0;
            }

        ul.listeActivites li.dernier div.pointilleBas {
            display: none;
        }

div.listeInstagram .columns {
    padding: 0 3px;
}

div#chambresMobile div.boiteGrandTitre {
    margin: 0 0 24px 0;
}

div#boiteCoordonneesWebMobile {
    padding: 20px 0 0 0;
}

    div#boiteCoordonneesWebMobile div.separateurExtensible {
        margin: 0 0 -10px 0;
    }

.widSSPnarrow {
    width: auto !important;
}

@media only screen and (max-width:1025px) {

    div#boiteTitre h1 span.etoile,
    div#boiteTitre h1 span.etoiles,
    div#boiteTitre h1 span.soleil,
    div#boiteTitre h1 span.soleils {
        display: block;
        position: static;
        margin: 0 auto;
    }
}

@media only screen and (max-width:900px) {
    div.boiteGrandTitre ul li .boutons a.bouton span.contenu {
        font-size: 1em;
        padding: 8px 0 0 0;
        white-space: nowrap;
    }

    form#formReservationMembre div.six.columns {
        width: auto;
        float: none;
    }
}

@media only screen and (max-width:767px) {
    div#boiteTitre .fond {
        display: none;
    }

    div#boiteTitre h1 {
        font-size: 3em;
        line-height: 1.2em;
        padding: 0 10px 31px 10px;
    }

        div#boiteTitre h1 span {
            position: relative;
        }

    div#slideshowMembre {
        border: none;
        margin: -28px -10px 20px -10px;
    }

    div#membreGauche {
        padding: 0;
    }

        div#membreGauche div.column.droite {
            float: none;
            clear: none;
            width: auto;
        }

        div#membreGauche div.column.gauche {
            float: none;
            width: auto;
        }

        div#membreGauche div.column.carte {
            float: none;
            clear: right;
            width: auto;
        }

    div.boiteGrandTitre ul li {
        padding: 5px 0;
        vertical-align: middle;
    }

    div.boiteGrandTitre div.boiteFleche {
        width: 33%;
        max-width: 146px;
    }

    div.boiteGrandTitre ul li .image {
        width: 33%;
        max-width: 146px;
        padding: 0 10px;
        display: inline-block;
        vertical-align: top;
        float: none;
        margin: 10px 0 0 0;
    }

    div.boiteGrandTitre ul.listingActivites li .image {
        vertical-align: top;
        padding: 10px 10px 0 10px;
    }

    div.boiteGrandTitre ul.listingActivites li .description {
        padding: 10px 10px 0 0;
    }

    div.boiteGrandTitre ul li .image img {
        margin: 0 auto;
    }

    div.boiteGrandTitre ul li .description {
        width: 66%;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        float: none;
        padding: 18px 0 0 0;
    }

        div.boiteGrandTitre ul li .description h3 {
            margin: 0 0 7px 0;
        }

    div.descriptionContenu {
        margin: 10px 0 0 0;
    }

        div.descriptionContenu .contenuTexte {
            width: 100%;
        }

    div.description a.boutonMontrerPlusMoins {
        margin-top: 0;
        margin: 0 10px 0 0;
    }

    div.boiteGrandTitre table th {
        width: auto;
    }

    div#membreDroite {
        float: none;
        padding: 0;
    }

        div#membreDroite ul.tabs-content li span.saisons {
            width: auto;
        }

    div.boiteGrandTitre ul li .description p.sansMargeMobile {
        margin: 0;
    }

    div.neufTranches.boiteInfoMembreDroite div.boiteTitreDegrade.exterieur {
        margin: 0 -9px;
    }

        div.neufTranches.boiteInfoMembreDroite div.boiteTitreDegrade.exterieur div.interieur {
            padding: 10px 40px 10px 20px;
        }

    .neufTranches.boiteInfoMembreDroite .neufTranches.boiteFormMembre div.fond {
        display: none;
    }

    .neufTranches.boiteInfoMembreDroite .neufTranches.boiteFormMembre div.interieur {
        padding: 0;
    }

        .neufTranches.boiteInfoMembreDroite .neufTranches.boiteFormMembre div.interieur div.fond {
            display: block;
        }
}

@media only screen and (max-width:375px) {
    div#boiteReservation img.imageNGAccueil {
        width: 40% !important;
        top: 85px !important;
    }
}

@media only screen and (max-width:370px) {
    div#membreDroite ul.tabs-content li span.saisons {
        float: left;
        margin: 0;
        clear: left;
    }
}

div.boiteGrandTitre a.fancybox.petit.bouton {
    margin: 5px 0 0 8px;
}

div.boiteGrandTitre a.btnAfficherInfoChambre {
    width: 250px;
}

div.boiteGrandTitre ul.listingActivites li.premier div.pointilleBas {
    display: none;
}

div.boiteGrandTitre ul.listingActivites li div.pointilleBas {
    bottom: auto;
    top: 0;
}

ul#listeDocuments li {
    margin-bottom: 5px;
}

div#formRecherche {
    background: #92E9FF none;
    overflow: visible;
}

    div#formRecherche.menuSection {
        height: auto;
    }

    div#formRecherche .degradeHaut {
        width: 100%;
        height: 6px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2219px;
    }

    div#formRecherche .degradeBas {
        width: 100%;
        height: 20px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2225px;
        top: auto;
        bottom: 0;
    }

    div#formRecherche .reflet {
        width: 100%;
        height: 42px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2279px;
        top: 100%;
        margin: 1px 0 0 0;
    }

    div#formRecherche .interieur {
        z-index: 20;
    }

        div#formRecherche .interieur form {
            text-align: center;
            padding: 15px 10px;
            margin: 0 auto;
        }

            div#formRecherche .interieur form * {
                text-align: left;
            }

    div#formRecherche div.custom.dropdown {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
    }

        div#formRecherche div.custom.dropdown a.current {
            border: 1px solid #6FD5EF;
            padding: 7px 20px 7px 8px;
        }

        div#formRecherche div.custom.dropdown.budget a.current {
            text-indent: -50000px;
            overflow: hidden;
            width: 50px !important;
        }

        div#formRecherche div.custom.dropdown.budget span.icone {
            display: block;
            width: 7px;
            height: 14px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -240px -180px;
            position: absolute;
            top: -4px;
            left: -18px;
        }

div#boiteHebergementTabs {
    margin: 0 0 24px 0;
}

    div#boiteHebergementTabs p.nombreResultats,
    div#boiteHebergementTabs p.nombreResultatsAttraits,
    div#boiteHebergementTabs p.nombreResultatsForfaits {
        display: inline-block;
        padding: 26px 0 0 0;
        margin: 0 0 0 7px;
        font-weight: bold;
        color: #2A2A29;
        float: right;
    }

div.boiteBtnDeroulant {
    position: relative;
    display: inline-block;
}

a.bonBtnDeroulant {
    background: #FEFDF5 url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1830px;
    border-radius: 5px;
    color: #4F4F49;
    display: inline-block;
    height: 28px;
    padding: 7px 20px 7px 8px;
    font-size: 1.3em;
    border: 1px solid #6FD5EF;
    position: relative;
}

    a.bonBtnDeroulant span.icone.fleche {
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1810px -120px;
        display: block;
        width: 8px;
        height: 4px;
        position: absolute;
        right: 9px;
        top: 12px;
    }

.localisation a.bonBtnDeroulant span.icone.libele {
    display: block;
    width: 12px;
    height: 16px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -220px -180px;
    margin: -2px 7px 0 0;
}

.calendrier a.bonBtnDeroulant span.icone.libele {
    display: block;
    width: 15px;
    height: 16px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -200px -180px;
    margin: -2px 7px 0 0;
}

.budget a.bonBtnDeroulant span.icone.libele {
    display: block;
    width: 7px;
    height: 14px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -240px -180px;
    margin: 0 7px 0 0;
}

li.gite-seulement {
    display: none;
}

div#formRecherche .neufTranches.boiteListe,
div#boiteInfolettre .neufTranches.boiteListe {
    z-index: 10;
    margin: 0;
    width: auto;
    position: absolute;
    top: 29px;
    left: 5px;
    display: none;
}

div#formRecherche .calendrier .neufTranches.boiteListe,
div#boiteInfolettre .calendrier .neufTranches.boiteListe {
    width: 440px;
}

    div#formRecherche .calendrier .neufTranches.boiteListe.moinsLarge {
        width: 245px;
    }

div#formRecherche .open .neufTranches.boiteListe,
div#boiteInfolettre .open .neufTranches.boiteListe {
    display: block;
}

div#formRecherche .neufTranches.boiteListe .fond,
div#boiteInfolettre .neufTranches.boiteListe .fond {
    padding: 9px 0;
}

    div#formRecherche .neufTranches.boiteListe .fond div.fleche,
    div#boiteInfolettre .neufTranches.boiteListe .fond div.fleche {
        width: 22px;
        height: 13px;
        background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px 0;
        position: absolute;
        left: 11px;
        top: -4px;
        z-index: 2;
    }

    div#formRecherche .neufTranches.boiteListe .fond .haut,
    div#boiteInfolettre .neufTranches.boiteListe .fond .haut {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        top: 0;
        left: 0;
    }

        div#formRecherche .neufTranches.boiteListe .fond .haut .gauche,
        div#boiteInfolettre .neufTranches.boiteListe .fond .haut .gauche {
            position: absolute;
            left: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 0;
        }

        div#formRecherche .neufTranches.boiteListe .fond .haut .droite,
        div#boiteInfolettre .neufTranches.boiteListe .fond .haut .droite {
            position: absolute;
            right: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px 0;
        }

        div#formRecherche .neufTranches.boiteListe .fond .haut .centre,
        div#boiteInfolettre .neufTranches.boiteListe .fond .haut .centre {
            width: 100%;
            height: 22px;
            background: transparent none;
            border-top: 1px solid #85DDCD;
            margin: -13px 0 0 0;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -655px;
            border: none;
        }

    div#formRecherche .neufTranches.boiteListe .fond .bas,
    div#boiteInfolettre .neufTranches.boiteListe .fond .bas {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        div#formRecherche .neufTranches.boiteListe .fond .bas .gauche,
        div#boiteInfolettre .neufTranches.boiteListe .fond .bas .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 -30px;
        }

        div#formRecherche .neufTranches.boiteListe .fond .bas .droite,
        div#boiteInfolettre .neufTranches.boiteListe .fond .bas .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px -30px;
        }

        div#formRecherche .neufTranches.boiteListe .fond .bas .centre,
        div#boiteInfolettre .neufTranches.boiteListe .fond .bas .centre {
            width: 100%;
            height: 22px;
            background: transparent none;
            border-bottom: 1px solid #E5E4BF;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -680px;
            border: none;
        }

    div#formRecherche .neufTranches.boiteListe .fond .milieu,
    div#boiteInfolettre .neufTranches.boiteListe .fond .milieu {
        height: 100%;
        width: 100%;
        padding: 0 17px;
        position: relative;
        background: #FFFFFF none;
    }

        div#formRecherche .neufTranches.boiteListe .fond .milieu .gauche,
        div#boiteInfolettre .neufTranches.boiteListe .fond .milieu .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -254px 0;
            border: none;
        }

        div#formRecherche .neufTranches.boiteListe .fond .milieu .droite,
        div#boiteInfolettre .neufTranches.boiteListe .fond .milieu .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -279px 0;
            border-right: 1px solid #E5E4BF;
            border: none;
        }

        div#formRecherche .neufTranches.boiteListe .fond .milieu .centre,
        div#boiteInfolettre .neufTranches.boiteListe .fond .milieu .centre {
            height: 100%;
            background: #FFFEF9 none;
        }

    div#formRecherche .neufTranches.boiteListe .fond.ligneDegrade,
    div#boiteInfolettre .neufTranches.boiteListe .fond.ligneDegrade {
        width: 1px;
        height: 139px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) no-repeat scroll 0 -1688px;
    }

        div#formRecherche .neufTranches.boiteListe .fond.ligneDegrade.gauche,
        div#boiteInfolettre .neufTranches.boiteListe .fond.ligneDegrade.gauche {
            left: 0;
            top: 8px;
        }

        div#formRecherche .neufTranches.boiteListe .fond.ligneDegrade.droite,
        div#boiteInfolettre .neufTranches.boiteListe .fond.ligneDegrade.droite {
            left: auto;
            right: 0;
            top: 8px;
        }

div#formRecherche .neufTranches.boiteListe .interieur,
div#boiteInfolettre .neufTranches.boiteListe .interieur {
    padding: 5px 0;
}

    div#formRecherche .neufTranches.boiteListe .interieur ul,
    div#boiteInfolettre .neufTranches.boiteListe .interieur ul {
        position: relative;
        margin: 0;
        border: none;
        top: 0;
        background: transparent none;
        margin: 0 1px;
    }

        div#formRecherche .neufTranches.boiteListe .interieur ul li,
        div#boiteInfolettre .neufTranches.boiteListe .interieur ul li {
            padding: 0 16px;
            line-height: 1.6153em;
            min-height: auto;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.3em;
            font-weight: bold;
            background: transparent none;
            height: 21px;
        }

            div#formRecherche .neufTranches.boiteListe .interieur ul li:hover,
            div#boiteInfolettre .neufTranches.boiteListe .interieur ul li:hover {
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -706px;
                color: #FFFFFF;
            }

            div#formRecherche .neufTranches.boiteListe .interieur ul li.selected,
            div#boiteInfolettre .neufTranches.boiteListe .interieur ul li.selected {
                background-color: #FF521E;
                color: #FFFFFF;
            }

                div#formRecherche .neufTranches.boiteListe .interieur ul li:hover:after,
                div#boiteInfolettre .neufTranches.boiteListe .interieur ul li:hover:after,
                div#formRecherche .neufTranches.boiteListe .interieur ul li.selected:after,
                div#boiteInfolettre .neufTranches.boiteListe .interieur ul li.selected:after {
                    content: '';
                }

div#formRecherche .avecDate {
    margin-left: 8px;
    float: left;
}

@media only screen and (max-width:490px) {
    div#formRecherche .avecDate {
        margin-left: 8px;
        float: none;
    }

    a.bouton#reinitialiserDate {
        float: none;
        margin-left: 15px;
    }

    div#formRecherche .calendrier .neufTranches.boiteListe,
    div#boiteInfolettre .calendrier .neufTranches.boiteListe {
        width: 260px;
    }
}

div#formRecherche .boiteBtnDeroulant.calendrier .neufTranches.boiteListe .interieurdiv#formRecherche .boiteBtnDeroulant.calendrier .neufTranches.boiteListe .interieur {
    padding: 10px;
    white-space: nowrap;
}

div#formRecherche .boiteBtnDeroulant.calendrier label {
    font-size: 1.3em;
    width: 62px;
    font-weight: bold;
    white-space: nowrap;
    display: inline-block;
    margin: 0 0 11px 0;
    vertical-align: middle;
}

div#formRecherche .boiteBtnDeroulant.calendrier input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 11px 0;
    width: 130px;
}

div#formRecherche .boiteBtnDeroulant.calendrier div.dernier input,
div#formRecherche .boiteBtnDeroulant.calendrier div.dernier label {
    margin: 0;
}

div#formRecherche .boiteBtnDeroulant.localisation .neufTranches.boiteListe .interieur {
    width: 470px;
    padding: 19px 19px 19px 9px;
}

div#formRecherche .boiteBtnDeroulant.caracteristiques .neufTranches.boiteListe .interieur {
    white-space: nowrap;
    padding: 15px 16px;
}

    div#formRecherche .boiteBtnDeroulant.caracteristiques .neufTranches.boiteListe .interieur li {
        padding: 0;
    }

div#formRecherche .boiteBtnDeroulant .neufTranches.boiteListe .interieur img {
    float: right;
    margin: 0 0 0 -30px;
}

div#formRecherche .boiteBtnDeroulant .neufTranches.boiteListe .interieur ul {
    float: left;
}

    div#formRecherche .boiteBtnDeroulant .neufTranches.boiteListe .interieur ul li {
        list-style: none outside none;
    }

div#formRecherche .boiteBtnDeroulant.localisation .neufTranches.boiteListe .interieur ul li {
    padding: 0;
}

div#formRecherche .boiteBtnDeroulant .neufTranches.boiteListe .interieur ul li label {
    font-weight: bold;
    font-size: 1em;
    line-height: 1.2307em;
    padding: 3px 0 0 0;
    display: inline-block;
}

form.custom span.custom.checkbox {
    display: inline-block;
    margin: 0 4px 0 0;
    border: none;
    background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -80px -40px;
}

div#formRecherche .boiteBtnDeroulant .neufTranches.boiteListe .interieur ul li:hover {
    background: transparent none;
}

form.custom span.custom.checkbox.checked {
    background-position: -60px -40px;
}

    form.custom span.custom.checkbox.checked:before {
        content: '';
    }

div#boiteHebergementTabs ul.tabs {
    border-bottom: none;
    float: left;
    height: 66px;
    margin: 0 0 -9px 0;
    white-space: nowrap;
}

    div#boiteHebergementTabs ul.tabs li,
    div#boiteHebergementTabs ul.tabs a {
        border: none;
        padding: 0;
        margin: 0;
        font-weight: normal;
        height: auto;
        font-size: 1em;
        line-height: normal;
        background: transparent none;
    }

    div#boiteHebergementTabs ul.tabs li {
        margin: 0 -2px 0 -14px;
        position: relative;
        z-index: 1;
        display: inline-block;
        white-space: nowrap;
        float: none;
    }

    div#boiteHebergementTabs ul.tabs a {
        position: relative;
        overflow: hidden;
        font-size: 1.6em;
        line-height: 1.25em;
        text-align: center;
        font-weight: bold;
        color: #979478;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
        display: block;
    }

        div#boiteHebergementTabs ul.tabs a:hover {
            text-decoration: none;
        }

        div#boiteHebergementTabs ul.tabs a div.gauche {
            width: 20px;
            height: 143px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1420px -20px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

        div#boiteHebergementTabs ul.tabs a div.droite {
            width: 20px;
            height: 143px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1450px -20px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
        }

        div#boiteHebergementTabs ul.tabs a div.fondBtn {
            width: auto;
            height: 134px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -1860px;
            margin: 0 20px -143px 20px;
            position: relative;
            z-index: 1;
        }

        div#boiteHebergementTabs ul.tabs a div.libele {
            position: relative;
            z-index: 2;
            font-size: 1em;
            padding: 36px 45px 19px 45px;
        }

    div#boiteHebergementTabs ul.tabs li.active {
        z-index: 3;
        background: transparent none;
    }

        div#boiteHebergementTabs ul.tabs li.active a div.gauche {
            background-position: -1480px -12px;
            height: 100%;
            margin: -8px 0 0 0;
        }

        div#boiteHebergementTabs ul.tabs li.active a div.droite {
            background-position: -1510px -12px;
            height: 100%;
            margin: -8px 0 0 0;
        }

        div#boiteHebergementTabs ul.tabs li.active a div.fondBtn {
            background-position: 0 -2006px;
        }

    div#boiteHebergementTabs ul.tabs li.premier.active a div.gauche {
        background-position: -1480px -20px;
        height: 100%;
        margin: 0;
    }

div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite {
    z-index: 2;
    margin: 0;
}

    div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite .interieur {
        padding: 30px;
    }

        div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite .interieur.petitEspace {
            padding: 13px;
        }

            div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite .interieur.petitEspace #carteTab {
                margin: 0 -10px;
            }

        div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite .interieur .interieur {
            padding: 0;
        }

div#boiteHebergementTabs ul.tabs-content {
    margin: 0;
}

    div#boiteHebergementTabs ul.tabs-content li#carteAttraitsTab img,
    div#boiteHebergementTabs ul.tabs-content li#carteTab img,
    #map img {
        max-width: none;
    }

.neufTranches.boiteInfoMembreDroite {
    margin: 0 0 24px 0;
}

div#boiteHebergementTabs ul.tabs-content li {
    padding: 10px;
    margin: -10px;
    background: transparent none;
}

    div#boiteHebergementTabs ul.tabs-content li div.boiteLargeur3membres {
        margin: 0 -20px 0 0;
    }

div#boiteHebergementTabs ul.tabs-content ul {
    margin: 0;
}

    div#boiteHebergementTabs ul.tabs-content ul li {
        list-style: none outside none;
        width: 278px;
        display: inline-block;
        margin: 0 20px 33px 0;
        padding: 0;
        overflow: visible;
        text-align: left;
        line-height: 1em;
        position: relative;
    }

        div#boiteHebergementTabs ul.tabs-content ul li .neufTranches.boiteHebergement {
            float: none;
            margin: 0;
        }

.neufTranches.boiteHebergement {
    max-width: 280px;
    text-align: left;
    display: inline-block;
    margin: 0 15px 20px 15px;
    position: relative;
}

    .neufTranches.boiteHebergement .fond {
        padding: 8px 0;
        left: -10000px;
    }

        .neufTranches.boiteHebergement .fond .haut {
            height: 8px;
            width: 100%;
            padding: 0 8px;
            position: absolute;
            top: 0;
            left: 0;
        }

            .neufTranches.boiteHebergement .fond .haut .gauche {
                position: absolute;
                left: -6px;
                top: -6px;
                width: 14px;
                height: 14px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1040px -290px;
            }

            .neufTranches.boiteHebergement .fond .haut .droite {
                position: absolute;
                right: -6px;
                top: -6px;
                width: 14px;
                height: 14px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1060px -290px;
            }

            .neufTranches.boiteHebergement .fond .haut .centre {
                width: 100%;
                height: 14px;
                background-position: 0 -2186px;
                margin: -5px 0 0 0;
            }

        .neufTranches.boiteHebergement .fond .bas {
            height: 8px;
            width: 100%;
            padding: 0 8px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .neufTranches.boiteHebergement .fond .bas .gauche {
                position: absolute;
                left: -6px;
                top: 0;
                width: 14px;
                height: 14px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1040px -310px;
            }

            .neufTranches.boiteHebergement .fond .bas .droite {
                position: absolute;
                right: -6px;
                top: 0;
                width: 14px;
                height: 14px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1060px -310px;
            }

            .neufTranches.boiteHebergement .fond .bas .centre {
                width: 100%;
                height: 17px;
                background-position: 0 -2202px;
            }

        .neufTranches.boiteHebergement .fond .milieu {
            height: 100%;
            width: 100%;
            padding: 0 8px;
            position: relative;
        }

            .neufTranches.boiteHebergement .fond .milieu .gauche {
                position: absolute;
                left: -6px;
                top: 0;
                width: 14px;
                height: 100%;
                background-position: -690px 0;
            }

            .neufTranches.boiteHebergement .fond .milieu .droite {
                position: absolute;
                right: -6px;
                top: 0;
                width: 14px;
                height: 100%;
                background-position: -707px 0;
            }

            .neufTranches.boiteHebergement .fond .milieu .centre {
                background: #FFFEF9 none;
                width: 100%;
                height: 100%;
                background: #FFFEF9 none;
            }

    .neufTranches.boiteHebergement .interieur,
    .boiteLargeur3membres .neufTranches.boiteHebergement .interieur {
        padding: 0;
        font-size: 20px;
    }

    .neufTranches.boiteHebergement div.image {
        border: 1px solid #757569;
        position: relative;
        margin: 0;
    }

        .neufTranches.boiteHebergement div.image .ombre {
            position: absolute;
            top: 0;
            left: 0;
        }

        .neufTranches.boiteHebergement div.image .ombreSurvol {
            position: absolute;
            top: 0;
            left: -10000px;
        }

    div#boiteHebergementTabs ul.tabs-content ul li a:hover .neufTranches.boiteHebergement .fond,
    .neufTranches.boiteHebergement a:hover .fond {
        left: 0;
    }

div#boiteHebergementTabs ul.tabs-content ul li a:hover .ombre {
    visibility: hidden;
}

div#boiteHebergementTabs ul.tabs-content ul li a:hover .ombreSurvol,
.neufTranches.boiteHebergement a:hover div.image .ombreSurvol {
    left: 0;
}

div#boiteHebergementTabs ul.tabs-content ul li a:hover,
.neufTranches.boiteHebergement a:hover {
    text-decoration: none;
}

.neufTranches.boiteHebergement li.prix {
    position: absolute;
    bottom: 14px;
    left: 17px;
    color: #FFFFFF;
    text-shadow: 1px 1px 6px rgba(1, 1, 1, 0.9);
    font-size: 1.1em;
    line-height: 1.2727em;
    text-align: center;
}

div#boiteHebergementTabs ul.tabs-content ul li li.prix span.chiffre {
    font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
    font-size: 2.5454em;
    line-height: 1.0714em;
    display: block;
}

div#boiteHebergementTabs ul.tabs-content .etoile,
div#boiteHebergementTabs ul.tabs-content .soleil,
div#boiteHebergementTabs ul.tabs-content .etoiles,
div#boiteHebergementTabs ul.tabs-content .soleils {
    position: absolute;
    bottom: 11px;
    right: 17px;
    width: auto;
    text-indent: -50000px;
    overflow: hidden;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -920px -290px;
    display: none;
    height: 15px;
}

div#boiteHebergementTabs ul.tabs-content ul li a:hover li.etoile,
div#boiteHebergementTabs ul.tabs-content ul li a:hover li.soleil,
div#boiteHebergementTabs ul.tabs-content ul li a:hover li.etoiles,
div#boiteHebergementTabs ul.tabs-content ul li a:hover li.soleils {
    display: block;
}

div#boiteHebergementTabs ul.tabs-content ul li li.soleil,
div#boiteHebergementTabs ul.tabs-content ul li li.soleils {
    background-position: -920px -310px;
}

div#boiteHebergementTabs ul.tabs-content a div.locationALaSemaine {
    display: none;
    position: absolute;
    left: 17px;
    bottom: 2px;
    color: #FFFFFF;
    font-size: 1.1em;
    text-shadow: 1px 1px 6px rgba(1, 1, 1, 0.9);
}

div#boiteHebergementTabs ul.tabs-content a:hover div.locationALaSemaine {
    display: block;
}

div#boiteHebergementTabs ul.tabs-content .etoiles.nb1 {
    width: 11px;
}

div#boiteHebergementTabs ul.tabs-content .etoiles.nb2 {
    width: 26px;
}

div#boiteHebergementTabs ul.tabs-content .etoiles.nb3 {
    width: 40px;
}

div#boiteHebergementTabs ul.tabs-content .etoiles.nb4 {
    width: 56px;
}

div#boiteHebergementTabs ul.tabs-content .etoiles.nb5 {
    width: 71px;
}

div#boiteHebergementTabs ul.tabs-content .soleils.nb1 {
    width: 14px;
}

div#boiteHebergementTabs ul.tabs-content .soleils.nb2 {
    width: 29px;
}

div#boiteHebergementTabs ul.tabs-content .soleils.nb3 {
    width: 44px;
}

div#boiteHebergementTabs ul.tabs-content .soleils.nb4 {
    width: 59px;
}

div#boiteHebergementTabs ul.tabs-content .soleils.nb5 {
    width: 73px;
}

.positionFavorisMobile a.favoris,
.neufTranches.boiteHebergement span.favoris {
    position: absolute;
    top: 18px;
    left: -10000px;
    display: block;
    width: 38px;
    height: 38px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1090px -290px;
    margin: -4px 0 0 -5px;
}

.positionFavorisMobile a.favoris {
    position: relative;
    top: 0;
    left: 0;
    z-index: 3;
    float: right;
    margin: 5px 3px 0 0;
}

    .positionFavorisMobile a.favoris.on,
    .neufTranches.boiteHebergement span.favoris.on {
        background-position: -1090px -290px;
    }

    .positionFavorisMobile a.favoris.off,
    .neufTranches.boiteHebergement span.favoris.off {
        background-position: -1130px -290px;
    }

.positionFavorisMobile a.on.poubelle,
.neufTranches.boiteHebergement span.on.poubelle {
    position: absolute;
    top: 18px;
    left: 13px;
    display: block;
    width: 38px;
    height: 38px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1240px -290px;
    margin: -4px 0 0 -5px;
}

a:hover .neufTranches.boiteHebergement span.favoris {
    left: 13px;
}

.positionFavorisMobile {
    margin: 1px -100% 0 1px;
    display: inline-block;
    width: 100%;
}

    .positionFavorisMobile img {
        visibility: hidden;
        display: block;
    }

.neufTranches.boiteHebergement div.description {
    border: 1px solid #DFD8A5;
    background: #F3EFC8 none;
    padding: 12px 17px;
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.6);
    position: relative;
}

a:hover .neufTranches.boiteHebergement div.description,
.neufTranches.boiteHebergement a:hover div.description {
    background: #FFFCDB none;
}

.neufTranches.boiteHebergement div.description h3 {
    margin: 0;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.25em;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    padding: 0;
}

    .neufTranches.boiteHebergement div.description h3 small {
        font-size: 1em;
        color: #000000;
    }

    .neufTranches.boiteHebergement div.description h3 span {
        font-size: 0.75em;
        line-height: 1.25em;
        display: block;
        font-weight: normal;
        padding: 0 0 0 14px;
        margin: 4px 0 0 0;
        position: relative;
    }

div#boiteHebergementTabs ul.tabs-content .neufTranches.boiteHebergement div.description h3 span.etoilesMobile {
    padding: 0;
    position: static;
    display: block;
}

.neufTranches.boiteHebergement div.description h3 span.titreCategorie {
    padding: 0;
}

.neufTranches.boiteHebergement div.description h3 span span.icone {
    font-size: 1em;
    display: block;
    position: absolute;
    left: 0;
    top: 3px;
    width: 7px;
    height: 8px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1080px -310px;
    padding: 0;
    margin: 0;
}

div#boiteHebergementTabs ul.tabs-content ul li li {
    width: auto;
    margin: 0;
    position: absolute;
}

#listingDesMembres li > a,
#listingDesForfaits li > a {
    margin: 0 -100% 0 0;
    display: inline-block;
    width: 100%;
}

.neufTranches.boiteHebergement.vedette .fond {
    padding: 8px 0;
}

    .neufTranches.boiteHebergement.vedette .fond .haut {
        height: 8px;
        width: 100%;
        padding: 0 8px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .neufTranches.boiteHebergement.vedette .fond .haut .gauche {
            position: absolute;
            left: -6px;
            top: -6px;
            width: 14px;
            height: 14px;
            background-position: -1000px -290px;
        }

        .neufTranches.boiteHebergement.vedette .fond .haut .droite {
            position: absolute;
            right: -6px;
            top: -6px;
            width: 14px;
            height: 14px;
            background-position: -1020px -290px;
        }

        .neufTranches.boiteHebergement.vedette .fond .haut .centre {
            width: 100%;
            height: 14px;
            background-position: 0 -2151px;
            margin: -6px 0 0 0;
        }

    .neufTranches.boiteHebergement.vedette .fond .bas {
        height: 8px;
        width: 100%;
        padding: 0 8px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .neufTranches.boiteHebergement.vedette .fond .bas .gauche {
            position: absolute;
            left: -6px;
            top: 0;
            width: 14px;
            height: 14px;
            background-position: -1000px -310px;
        }

        .neufTranches.boiteHebergement.vedette .fond .bas .droite {
            position: absolute;
            right: -6px;
            top: 0;
            width: 14px;
            height: 14px;
            background-position: -1020px -310px;
        }

        .neufTranches.boiteHebergement.vedette .fond .bas .centre {
            width: 100%;
            height: 17px;
            background-position: 0 -2168px;
        }

    .neufTranches.boiteHebergement.vedette .fond .milieu {
        height: 100%;
        width: 100%;
        padding: 0 8px;
        position: relative;
    }

        .neufTranches.boiteHebergement.vedette .fond .milieu .gauche {
            position: absolute;
            left: -6px;
            top: 0;
            width: 14px;
            height: 100%;
            background-position: -656px 0;
        }

        .neufTranches.boiteHebergement.vedette .fond .milieu .droite {
            position: absolute;
            right: -6px;
            top: 0;
            width: 14px;
            height: 100%;
            background-position: -673px 0;
        }

        .neufTranches.boiteHebergement.vedette .fond .milieu .centre {
            background: #FFFEF9 none;
            width: 100%;
            height: 100%;
            background: #FFFEF9 none;
        }

.neufTranches.boiteHebergement.vedette .interieur {
    padding: 0;
}

.neufTranches.boiteHebergement.vedette div.description {
    background: #00BE9E none;
    border: 1px solid #009F84;
}

a:hover .neufTranches.boiteHebergement.vedette div.description,
.neufTranches.boiteHebergement.vedette a:hover div.description {
    background: #00CBB1 none;
}

.neufTranches.boiteHebergement.vedette div.description h3 {
    color: #FFFFFF;
}

    .neufTranches.boiteHebergement.vedette div.description h3 span span.icone {
        background-position: -1080px -290px;
    }

.neufTranches.boiteHebergement.vedette div.coinEnVedette {
    width: 67px;
    height: 67px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1170px -290px;
    position: absolute;
    top: -4px;
    right: -4px;
}

body.en .neufTranches.boiteHebergement.vedette div.coinEnVedette {
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1410px -290px;
}

div.boiteChargement {
    border: 1px solid #92E9FF;
    width: 258px;
    margin: 0 auto;
    padding: 2px;
    display: none;
}

    div.boiteChargement .libele {
        text-shadow: 0 1px rgba(255, 255, 255, 0.8);
        color: #449FB7;
        padding: 10px 10px 10px 35px;
        background: #CCF2FC url(../../images/site/chargement.gif) no-repeat scroll 10px 11px;
        font-size: 1.6em;
        line-height: 1.25em;
        font-weight: bold;
        text-align: left;
    }

#lienRapideBoiteHebergement ul {
    text-align: center;
}

    #lienRapideBoiteHebergement ul li {
        background: none;
        display: inline-block;
        padding: 0 10px;
    }

@media only screen and (max-width:1057px) {
    ul#navActivitesFavoris li#boiteRechercheNormal {
        padding-top: 18px;
    }
}

@media only screen and (max-width:960px) {
    div#boiteHebergementTabs ul.tabs-content ul {
        margin: 0;
        text-align: center;
    }

    div#formRecherche .boiteBtnDeroulant.localisation .neufTranches.boiteListe .interieur {
        width: 250px;
    }

    div#formRecherche .boiteBtnDeroulant.calendrier .neufTranches.boiteListe .interieur {
        white-space: normal;
    }

    div#formRecherche .boiteBtnDeroulant.localisation .neufTranches.boiteListe .interieur img {
        float: none;
        clear: both;
        margin: 0;
    }

    ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(2),
    ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(5),
    ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(6) {
        max-width: 300px;
    }

        ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(2) div.interieur,
        ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(5) div.interieur,
        ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(6) div.interieur {
            overflow: hidden;
        }

        ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(2) img,
        ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(5) img,
        ul.listeBoiteImagesBoutons li.espaceDeuxBoites:nth-child(6) img {
            left: 50%;
            margin: 0 0 0 -306px;
            max-width: none;
            position: relative;
            width: auto;
        }

    ul.listeBoiteImagesBoutons.blogue li {
        width: 300px;
        max-width: 300px;
    }

        ul.listeBoiteImagesBoutons.blogue li.espaceDeuxBoites img {
            left: 0;
            position: absolute;
        }

        ul.listeBoiteImagesBoutons.blogue li:nth-child(3n+1) {
            width: 614px;
            max-width: 614px;
        }

            ul.listeBoiteImagesBoutons.blogue li:nth-child(3n+1) .neufTranches.boiteImageBouton {
                width: 614px;
                max-width: 614px;
            }

                ul.listeBoiteImagesBoutons.blogue li:nth-child(3n+1) .neufTranches.boiteImageBouton img {
                    left: 0;
                }

        ul.listeBoiteImagesBoutons.blogue li:nth-child(3n+2) .neufTranches.boiteImageBouton img,
        ul.listeBoiteImagesBoutons.blogue li:nth-child(3n+3) .neufTranches.boiteImageBouton img {
            left: 0;
            position: absolute;
            max-width: 614px;
            margin: 0;
        }
}

@media only screen and (max-width:767px) {
    div#boiteHebergementTabs ul.tabs-content li {
        padding: 0;
        margin: 0;
        overflow: visible;
    }

    .neufTranches.boiteInfoMembreDroite .interieur {
        padding: 15px 10px;
    }

    div#formRecherche div.boiteBtnDeroulant,
    div#formRecherche div.custom.dropdown {
        display: block;
        margin: 0 0 15px 0;
    }

        div#formRecherche div.boiteBtnDeroulant a.bonBtnDeroulant {
            display: block;
        }

            div#formRecherche div.boiteBtnDeroulant a.bonBtnDeroulant .icone.libele {
                text-indent: 0;
                width: auto;
                height: auto;
                overflow: visible;
                background: transparent none;
                margin: 0;
            }

        div#formRecherche div.custom.dropdown.budget a.current {
            text-indent: 0;
            width: auto;
            height: auto;
            overflow: visible;
            margin: 0;
        }

        div#formRecherche div.custom.dropdown.budget span.icone {
            display: none;
        }

        div#formRecherche div.custom.dropdown.budget a.current {
            width: auto !important;
        }

    div#formRecherche .boiteBtnDeroulant.localisation .neufTranches.boiteListe .interieur {
        width: auto;
    }

    div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite .interieur.petitEspace #carteTab {
        margin: 0;
    }
}

@media only screen and (max-width:374px) {
    div.boiteChargement {
        width: 100%;
    }

    div#boiteHebergementTabs ul.tabs-content ul li {
        width: 100%;
    }

    div#boiteHebergementTabs ul.tabs-content li div.boiteLargeur3membres {
        margin: 0;
    }

    .neufTranches.boiteHebergement {
        margin: 0 0 20px 0;
    }
}

div#reservationDroite {
    float: right;
}

    div#reservationDroite div.exterieur.boiteFondVert {
        margin: -10px;
        width: auto;
        overflow: hidden;
    }

    div#reservationDroite div.boiteInfoMembreDroite div.interieur {
        padding: 20px;
    }

    div#reservationDroite div.exterieur.boiteFondVert div.interieur {
        padding: 10px;
        width: auto;
    }

    div#reservationDroite div.boiteInfoMembreDroite div.interieur p {
        margin: 0;
        font-size: 1.2em;
        line-height: 1.4166em;
    }

form.custom span.custom.radio {
    border: none;
    border-radius: 0;
    width: 15px;
    height: 15px;
    background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -80px -117px;
    float: left;
}

    form.custom span.custom.radio.checked {
        background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px -117px;
    }

        form.custom span.custom.radio.checked:before {
            content: none;
        }

div#reservationGauche span.custom.radio,
div#reservationGauche div.btnRadio input {
    float: left;
    margin: 0 17px;
    clear: left;
}

div#reservationGauche div.btnDetails {
    padding: 0 0 0 49px;
    clear: left;
    height: auto;
}

    div#reservationGauche div.btnDetails a.lienDetails {
        margin: 0;
    }

div#reservationGauche div.boiteGrandTitre {
    margin: 0 0 16px 0;
}

    div#reservationGauche div.boiteGrandTitre label {
        float: none;
        clear: none;
        text-align: left;
        font-weight: normal;
        padding: 0;
    }

    div#reservationGauche div.boiteGrandTitre div.accordeon {
        margin: 0;
        padding: 0 0 0 33px;
        display: none;
    }

        div#reservationGauche div.boiteGrandTitre div.accordeon div.image {
            width: 24.78%;
            padding: 8px 17px 0 17px;
        }

    div#reservationGauche div.boiteGrandTitre ul li .description {
        width: 71.79%;
        padding: 8px 0 0 0;
    }

div#btnsTransport {
    margin: 0 0 16px 0;
}

div#contenuPage form div#btnsTransport label {
    float: left;
    clear: none;
    text-align: left;
    font-weight: normal;
    padding: 2px 6px 0 6px;
}

div#infosTransport {
    display: none;
}

.neufTranches.erreur {
    margin: -4px 0 16px 0;
    clear: both;
}

    .neufTranches.erreur .fond {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding: 9px 0;
    }

        .neufTranches.erreur .fond .haut {
            height: 9px;
            width: 100%;
            padding: 0 9px;
            position: absolute;
            top: 0;
            left: 0;
        }

            .neufTranches.erreur .fond .haut .gauche {
                position: absolute;
                left: -8px;
                top: -8px;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 -60px;
            }

            .neufTranches.erreur .fond .haut .droite {
                position: absolute;
                right: -8px;
                top: -8px;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -20px -60px;
            }

            .neufTranches.erreur .fond .haut .centre {
                width: 100%;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2324px;
                margin: -8px 0 0 0;
            }

        .neufTranches.erreur .fond .bas {
            height: 9px;
            width: 100%;
            padding: 0 9px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .neufTranches.erreur .fond .bas .gauche {
                position: absolute;
                left: -8px;
                top: 0;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 -80px;
            }

            .neufTranches.erreur .fond .bas .droite {
                position: absolute;
                right: -8px;
                top: 0;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -20px -80px;
            }

            .neufTranches.erreur .fond .bas .centre {
                width: 100%;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2344px;
            }

        .neufTranches.erreur .fond .milieu {
            height: 100%;
            width: 100%;
            padding: 0 9px;
            position: relative;
        }

            .neufTranches.erreur .fond .milieu .gauche {
                position: absolute;
                left: -8px;
                top: 0;
                width: 17px;
                height: 100%;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -724px 0;
            }

            .neufTranches.erreur .fond .milieu .droite {
                position: absolute;
                right: -8px;
                top: 0;
                width: 17px;
                height: 100%;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -744px 0;
            }

            .neufTranches.erreur .fond .milieu .centre {
                background: #FFFFF none;
                opacity: 0.3;
                filter: alpha(opacity=30);
            }

    .neufTranches.erreur div.interieur {
        background-color: #FFC4B1;
        padding: 16px;
    }

    .neufTranches.erreur.enLigne div.interieur {
        padding: 6px 16px;
    }

div.erreur h3 {
    font-size: 1.4em;
    font-style: italic;
    color: #154406;
    font-weight: bold;
    line-height: 1.2142em;
    margin: 0 0 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
}

div.erreur p {
    color: #154406;
    margin: 0;
}

.erreur.enLigne p {
    margin: 0;
    font-size: 1.4em;
    font-style: italic;
    color: #154406;
    font-weight: bold;
    line-height: 1.2142em;
}

a:hover .neufTranches.erreur div.fond,
.neufTranches.erreur a:hover div.fond {
    display: block;
}

.neufTranches.erreur a:hover {
    text-decoration: none;
}

    a:hover .neufTranches.erreur div.interieur,
    .neufTranches.erreur a:hover div.interieur {
        background: transparent none;
        text-decoration: none;
    }

div#reservationGauche div.accordeon {
    margin: 0;
    padding: 0;
}

.neufTranches.message {
    margin: 0 0 30px 0;
}

    .neufTranches.message .fond {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding: 9px 0;
    }

        .neufTranches.message .fond .haut {
            height: 9px;
            width: 100%;
            padding: 0 9px;
            position: absolute;
            top: 0;
            left: 0;
        }

            .neufTranches.message .fond .haut .gauche {
                position: absolute;
                left: -8px;
                top: -8px;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -40px -80px;
            }

            .neufTranches.message .fond .haut .droite {
                position: absolute;
                right: -8px;
                top: -8px;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px -80px;
            }

            .neufTranches.message .fond .haut .centre {
                width: 100%;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2364px;
                margin: -8px 0 0 0;
            }

        .neufTranches.message .fond .bas {
            height: 9px;
            width: 100%;
            padding: 0 9px;
            position: absolute;
            bottom: 0;
            left: 0;
        }

            .neufTranches.message .fond .bas .gauche {
                position: absolute;
                left: -8px;
                top: 0;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -40px -100px;
            }

            .neufTranches.message .fond .bas .droite {
                position: absolute;
                right: -8px;
                top: 0;
                width: 17px;
                height: 17px;
                background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px -100px;
            }

            .neufTranches.message .fond .bas .centre {
                width: 100%;
                height: 17px;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2384px;
            }

        .neufTranches.message .fond .milieu {
            height: 100%;
            width: 100%;
            padding: 0 9px;
            position: relative;
        }

            .neufTranches.message .fond .milieu .gauche {
                position: absolute;
                left: -8px;
                top: 0;
                width: 17px;
                height: 100%;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -764px 0;
            }

            .neufTranches.message .fond .milieu .droite {
                position: absolute;
                right: -8px;
                top: 0;
                width: 17px;
                height: 100%;
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -784px 0;
            }

            .neufTranches.message .fond .milieu .centre {
                background: #FFFFF none;
                opacity: 0.3;
                filter: alpha(opacity=30);
            }

    .neufTranches.message div.interieur {
        background-color: #B7C2EB;
        padding: 16px;
    }

    .neufTranches.message.enLigne div.interieur {
        padding: 6px 16px;
    }

div#noteTransport,
div#noteATousLesUtilisateurs {
    padding: 0;
}

div.message h3 {
    font-size: 1.4em;
    font-style: italic;
    color: #1235BD;
    font-weight: bold;
    line-height: 1.2142em;
    margin: 0 0 3px 0;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
}

div.message p {
    color: #1235BD;
    margin: 0;
}

.message.enLigne p {
    margin: 0;
    font-size: 1.4em;
    font-style: italic;
    color: #1235BD;
    font-weight: bold;
    line-height: 1.2142em;
}

a:hover .neufTranches.message div.fond,
.neufTranches.message a:hover div.fond {
    display: block;
}

.neufTranches.message a:hover {
    text-decoration: none;
}

    a:hover .neufTranches.message div.interieur,
    .neufTranches.message a:hover div.interieur {
        background: transparent none;
        text-decoration: none;
    }

div#reservationGauche form {
    margin: 0 0 40px 0;
}

div#reservationGauche div.boiteInfoMembreDroite div.interieur {
    padding: 10px 15px;
}

div#reservationGauche div.boiteTitreDegrade {
    margin: 0 -14px 12px -14px;
}

    div#reservationGauche div.boiteTitreDegrade div.interieur {
        padding: 10px 15px;
    }

    div#reservationGauche div.boiteTitreDegrade h2 {
        font-size: 1.4em;
    }

.neufTranches.boiteInfoMembreDroite h3 {
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    font-weight: bold;
    font-style: normal;
    font-size: 1.4em;
    line-height: 1.2857em;
    margin: 0 0 2px 0;
}

    .neufTranches.boiteInfoMembreDroite h3.dates {
        margin: 0 0 10px 10px;
        font-size: 1.4em;
        font-style: italic;
        font-weight: bold;
        line-height: 1.2857em;
    }

div#reservationGauche div.boiteTitreDegrade p {
    margin: 0;
}

div#reservationGauche a.bouton span.contenu {
    padding: 0 17px 0 15px;
}

div#contenuPage form label {
    clear: left;
    font-weight: bold;
    text-align: right;
    padding: 6px 6px 0 6px;
    font-size: 1.3em;
    line-height: 1.5384em;
    float: left;
    line-height: 1.2307em;
    margin: 0 0 12px 0;
}

    div#contenuPage form label.obl {
        background: transparent url(../../images/site/asterisqueForm.gif) no-repeat scroll right 3px;
    }

div#contenuPage form textarea {
    padding: 6px;
    resize: none;
    margin: 0 0 4px 0;
}

form h2 {
    font-size: 3.6em;
    line-height: 1.1111em;
}

fieldset {
    border: none;
    margin: 0 0 20px 0;
    padding: 0;
    position: relative;
}

    fieldset legend {
        margin: 0 0 0 0;
        padding: 0;
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-size: 3.6em;
        line-height: 1.1111em;
        font-style: italic;
        font-weight: normal;
        color: #2A2A29;
        background: transparent none;
        max-width: 100%;
    }

.rouge {
    color: #154406;
}

fieldset div.boiteDebutForm {
    width: 100%;
    height: 15px;
}

div.boiteAbonnement,
div.boiteCheckbox {
    padding: 0 0 30px 0;
}

div#contenuPage form div.boiteAbonnement label,
div#contenuPage form div.boiteCheckbox label {
    text-align: left;
    clear: none;
    padding: 2px 6px 0 6px;
}

div.boiteAbonnement input,
div.boiteAbonnement span.custom.checkbox,
div.boiteCheckbox input,
div.boiteCheckbox span.custom.checkbox {
    float: left;
}

div#reservationDroite h2 {
    font-size: 1.6em;
    line-height: 1.25em;
    margin: 0;
    color: #4F4F49;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    font-weight: bold;
    font-style: normal;
    padding: 0;
}

div#reservationDroite div.boiteInfoMembreDroite h2 {
    margin: 0 0 12px 0;
}

div#reservationDroite div.boiteInfoMembreDroite img {
    display: block;
    margin: 0 auto 12px auto;
}

div#reservationDroite h3 {
    font-size: 1.6em;
    line-height: 1.25em;
    margin: 12px 0 0 0;
    color: #4F4F49;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0;
    font-style: normal;
}

div#reservationDroite div.boiteBorduresDetail {
    border-top: 1px solid #ACD9CF;
    border-bottom: 1px solid #ACD9CF;
    padding: 8px 0;
    margin: 8px 0 12px 0;
}

div#reservationDroite dl dt,
div#reservationDroite dl dd {
    padding: 0;
    color: #4F4F49;
    font-size: 1.2em;
    line-height: 1.4166em;
}

div#reservationDroite dl dd {
    text-align: right;
}

div#reservationDroite div.boiteInformation {
    margin: 0;
}

div#modalReservationEnLigneNonDisponible h2 {
    color: #2A2A29;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    font-style: italic;
    font-weight: bold;
    line-height: 1.125em;
    padding: 0;
}

;

@media only screen and (max-width:767px) {
    .neufTranches.boiteInfoMembreDroite h3

{
    padding: 15px 0 0 0;
}

.neufTranches.boiteInfoMembreDroite p {
    margin: 0 0 10px 0;
}

div#reservationGauche div.boiteGrandTitre ul li .image {
    padding: 8px 17px 0 17px;
    width: 40%;
}

div#reservationGauche div.boiteGrandTitre ul li .description {
    width: 60%;
}

div#reservationGauche div.boiteGrandTitre ul li {
    padding: 11px 0;
}

div#reservationGauche div.boiteTitreDegrade {
    margin: 0 -14px;
}

div#reservationGauche div.boiteInfoMembreDroite div.accordeon {
    display: none;
}

}

div.boiteCentre {
    text-align: center;
}

div.menuCarteDecouvrir {
    background-color: #F7F6EC;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border: 1px solid #E4E3BD;
}

    div.menuCarteDecouvrir.sousOnglets {
        margin: -27px 0 0 0;
    }

    div.menuCarteDecouvrir div.fond {
        width: 100%;
        height: 81px;
        top: auto;
        bottom: 0;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2404px;
    }

    div.menuCarteDecouvrir ul {
        text-align: center;
        margin: 0;
        padding: 18px 14%;
    }

        div.menuCarteDecouvrir ul.avecParagraphe {
            padding: 18px 15px;
            text-align: left;
            width: 60%;
            display: inline-block;
        }

        div.menuCarteDecouvrir ul li,
        div.menuCarteDecouvrir p {
            display: inline-block;
            padding: 0 13px 0 13px;
            margin: 4px 0 5px;
            border-right: 1px solid #C3C0A4;
            font-size: 1.4em;
            line-height: 1.2142em;
            font-weight: bold;
            background: transparent none;
        }

            div.menuCarteDecouvrir ul li.dernier,
            div.menuCarteDecouvrir p {
                border: none;
            }

    div.menuCarteDecouvrir p {
        width: 30%;
        text-align: right;
        padding: 18px 15px;
    }

    div.menuCarteDecouvrir ul li a:link,
    div.menuCarteDecouvrir ul li a:visited {
        color: #706D55;
    }

    div.menuCarteDecouvrir ul li a:hover,
    div.menuCarteDecouvrir ul li a.actif:link,
    div.menuCarteDecouvrir ul li a.actif:visited {
        color: #154406;
        text-decoration: none;
    }

div.boiteCarteAvecFleches {
    position: relative;
    clear: both;
}

    div.boiteCarteAvecFleches a.fleche {
        display: block;
        width: 36px;
        height: 50px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -960px -100px;
        position: absolute;
        left: 0;
        top: 0;
        margin: -42px 0 0 -17px;
    }

        div.boiteCarteAvecFleches a.fleche:hover,
        div.boiteCarteAvecFleches a.fleche:link.actif,
        div.boiteCarteAvecFleches a.fleche:visited.actif {
            background-position: -920px -100px;
        }

a#ilesPicto949 {
    left: 23.93%;
    top: 32.54%;
}

a#ilesPicto948 {
    left: 12.23%;
    top: 65.38%;
}

a#ilesPicto950 {
    left: 36.80%;
    top: 44.67%;
}

a#ilesPicto954 {
    left: 37.34%;
    top: 90.53%;
}

a#ilesPicto951 {
    left: 49.14%;
    top: 24.26%;
}

a#ilesPicto953 {
    left: 65.85%;
    top: 41.42%;
}

a#ilesPicto952 {
    left: 75.74%;
    top: 37.86%;
}

a#ilesPicto955 {
    left: 81.59%;
    top: 17.75%;
}

div#filtrePageDUneIle p {
    font-size: 1.8em;
}

div.boiteCoteSlideshow {
    padding: 0 32px 0 0;
}

div.boiteCoteSlideshowBordure {
    border-top: 1px solid #A7A69E;
    padding: 10px 0 0 0;
}

div.boiteCentre .boiteCoteSlideshow {
    text-align: left;
}

div.boiteCitation {
    overflow: visible;
    margin: 0 0 30px 0;
}

    div.boiteCitation div.fond {
        width: 100%;
        height: 240px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2735px;
    }

div.boiteCentre .boiteCoteSlideshow div.boiteCitation {
    padding: 19px 0 0 0;
}

    div.boiteCentre .boiteCoteSlideshow div.boiteCitation div.fond {
        top: 19px;
    }

    div.boiteCentre .boiteCoteSlideshow div.boiteCitation div.interieur div.fond {
        top: 0;
    }

div.boiteCitation div.interieur .fond {
    top: 0;
}

div.boiteCitation h2 {
    font-size: 1.6em;
    line-height: 1.25em;
    font-family: Arial, Helvetica, sans-serif;
    color: #4BB8D4;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    text-align: center;
    padding: 20px 10px 0 10px;
}

div.citation {
    font-size: 2.7em;
    line-height: 1em;
    color: #1235BD;
    font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-style: italic;
    padding: 32px 0;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

    div.citation blockquote {
        font-size: 1em;
        line-height: 1em;
        color: #1235BD;
        display: inline;
        margin: 0;
        padding: 0;
        border: none;
    }

    div.citation p {
        color: #4BB8D4;
        font-size: 0.4444em;
        line-height: 1.3333em;
        font-family: Arial, Helvetica, sans-serif;
        margin: 18px 0 0 0;
    }

div.boiteImageDroite {
    text-align: center;
}

    div.boiteImageDroite .row {
        margin: 0 -3px;
    }

        div.boiteImageDroite .row .columns {
            padding: 1%;
            margin: 0 !important;
            text-align: center;
        }

img.grandeImageColonnes {
    display: inline-block;
    padding: 0;
    margin: 0 2px 5px 0;
}

img.petiteImageColonnes {
    display: inline-block;
    padding: 0;
}

div.boiteImageDroite .row .mobile-two:last-child {
    float: left;
}

ul.listeBoiteImagesBoutons {
    margin: 0;
    width: auto;
    text-align: center;
}

    ul.listeBoiteImagesBoutons li {
        display: inline-block;
        margin: 0 6px 13px 7px;
        width: 300px;
        padding: 0;
        background: transparent none;
    }

        ul.listeBoiteImagesBoutons li.espaceDeuxBoites {
            width: 614px;
        }

        ul.listeBoiteImagesBoutons li a {
            display: block;
        }

    ul.listeBoiteImagesBoutons.blogue li {
        display: inline-block;
        margin: 0 5px 13px 5px;
        width: 300px;
        padding: 0;
        background: transparent none;
    }

        ul.listeBoiteImagesBoutons.blogue li.espaceDeuxBoites {
            width: 614px;
        }

.neufTranches.boiteImageBouton {
    text-align: left;
    float: left;
    margin: 0 6px 13px 7px;
    max-width: 300px;
}

.espaceDeuxBoites .neufTranches.boiteImageBouton {
    max-width: 620px;
}

.neufTranches.boiteImageBouton.espaceDeuxBoites {
    max-width: 614px;
}

li .neufTranches.boiteImageBouton {
    float: none;
    margin: 0;
}

.neufTranches.boiteImageBouton .fond {
    padding: 8px 0;
    left: -10000px;
}

a:hover .neufTranches.boiteImageBouton .fond,
.neufTranches.boiteImageBouton a:hover .fond {
    left: 0;
}

.neufTranches.boiteImageBouton .fond .haut {
    height: 8px;
    width: 100%;
    padding: 0 8px;
    position: absolute;
    top: 0;
    left: 0;
}

    .neufTranches.boiteImageBouton .fond .haut .gauche {
        position: absolute;
        left: -6px;
        top: -6px;
        width: 14px;
        height: 14px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1000px -290px;
    }

    .neufTranches.boiteImageBouton .fond .haut .droite {
        position: absolute;
        right: -6px;
        top: -6px;
        width: 14px;
        height: 14px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1020px -290px;
    }

    .neufTranches.boiteImageBouton .fond .haut .centre {
        width: 100%;
        height: 14px;
        background-position: 0 -2151px;
        margin: -6px 0 0 0;
    }

.neufTranches.boiteImageBouton .fond .bas {
    height: 8px;
    width: 100%;
    padding: 0 8px;
    position: absolute;
    bottom: 0;
    left: 0;
}

    .neufTranches.boiteImageBouton .fond .bas .gauche {
        position: absolute;
        left: -6px;
        top: 0;
        width: 14px;
        height: 14px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1000px -310px;
    }

    .neufTranches.boiteImageBouton .fond .bas .droite {
        position: absolute;
        right: -6px;
        top: 0;
        width: 14px;
        height: 14px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1020px -310px;
    }

    .neufTranches.boiteImageBouton .fond .bas .centre {
        width: 100%;
        height: 17px;
        background-position: 0 -2168px;
    }

.neufTranches.boiteImageBouton .fond .milieu {
    height: 100%;
    width: 100%;
    padding: 0 8px;
    position: relative;
}

    .neufTranches.boiteImageBouton .fond .milieu .gauche {
        position: absolute;
        left: -6px;
        top: 0;
        width: 14px;
        height: 100%;
        background-position: -656px 0;
    }

    .neufTranches.boiteImageBouton .fond .milieu .droite {
        position: absolute;
        right: -6px;
        top: 0;
        width: 14px;
        height: 100%;
        background-position: -673px 0;
    }

    .neufTranches.boiteImageBouton .fond .milieu .centre {
        background: #FFFEF9 none;
        width: 100%;
        height: 100%;
    }

.neufTranches.boiteImageBouton .interieur {
    padding: 0;
    border: 1px solid #757569;
    overflow: hidden;
}

    .neufTranches.boiteImageBouton .interieur .interieur {
        border: none;
    }

.neufTranches.boiteImageBoutonOmbre {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: 2;
}

a:hover .neufTranches.boiteImageBoutonOmbre {
    visibility: visible;
}

.neufTranches.boiteImageBoutonOmbre .fond {
    padding: 35px 0;
}

    .neufTranches.boiteImageBoutonOmbre .fond .haut {
        height: 8px;
        width: 100%;
        padding: 0 35px;
        position: absolute;
        top: 0;
        left: 0;
    }

        .neufTranches.boiteImageBoutonOmbre .fond .haut .gauche {
            position: absolute;
            left: 0;
            top: 0;
            width: 35px;
            height: 35px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1320px -150px;
        }

        .neufTranches.boiteImageBoutonOmbre .fond .haut .droite {
            position: absolute;
            right: 0;
            top: 0;
            width: 35px;
            height: 35px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1360px -150px;
        }

        .neufTranches.boiteImageBoutonOmbre .fond .haut .centre {
            width: 100%;
            height: 35px;
            background-position: 0 -2661px;
            margin: 0 0 0 0;
        }

    .neufTranches.boiteImageBoutonOmbre .fond .bas {
        height: 35px;
        width: 100%;
        padding: 0 35px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        .neufTranches.boiteImageBoutonOmbre .fond .bas .gauche {
            position: absolute;
            left: 0;
            top: 0;
            width: 35px;
            height: 35px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1400px -170px;
        }

        .neufTranches.boiteImageBoutonOmbre .fond .bas .droite {
            position: absolute;
            right: 0;
            top: 0;
            width: 35px;
            height: 35px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1440px -170px;
        }

        .neufTranches.boiteImageBoutonOmbre .fond .bas .centre {
            width: 100%;
            height: 35px;
            background-position: 0 -2697px;
        }

    .neufTranches.boiteImageBoutonOmbre .fond .milieu {
        height: 100%;
        width: 100%;
        padding: 0;
        position: relative;
    }

        .neufTranches.boiteImageBoutonOmbre .fond .milieu .gauche {
            position: absolute;
            left: 0;
            top: 0;
            width: 35px;
            height: 100%;
            background-position: -804px 0;
        }

        .neufTranches.boiteImageBoutonOmbre .fond .milieu .droite {
            position: absolute;
            right: 0;
            top: 0;
            width: 35px;
            height: 100%;
            background-position: -840px 0;
        }

        .neufTranches.boiteImageBoutonOmbre .fond .milieu .centre {
            background: transparent none;
            width: 100%;
            height: 100%;
        }

ul.listeBoiteImagesBoutons.blogue li.espaceTroisBoites {
    width: 924px;
}

    ul.listeBoiteImagesBoutons.blogue li.espaceTroisBoites .neufTranches.boiteImageBouton {
        max-width: 100%;
    }

    ul.listeBoiteImagesBoutons.blogue li.espaceTroisBoites .main {
        width: 100%;
        min-height: 257px;
    }

        ul.listeBoiteImagesBoutons.blogue li.espaceTroisBoites .main img {
            width: 100%;
        }

div.libeleBouton {
    position: absolute;
    z-index: 3;
    width: 100%;
    bottom: 0;
    left: 0;
}

    div.libeleBouton div.fond.couleur {
        background: #1133BB none;
        opacity: 0.9;
        filter: alpha(opacity=50);
        display: block;
        padding: 0;
        left: 0;
    }

    div.libeleBouton div.fond.icone {
        width: 36px;
        height: 36px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -1480px -170px;
        display: block;
        padding: 0;
        left: auto;
        right: 21px;
        top: 50%;
        margin: -18px 0 0 0;
        visibility: visible;
    }

a:hover div.libeleBouton div.fond.icone {
    left: auto;
}

a:hover div.libeleBouton div.fond.couleur {
    background: #1642D0 none;
}

.neufTranches.boiteImageBouton .interieur div.libeleBouton div.interieur,
div.libeleBouton div.interieur,
div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite div.libeleBouton div.interieur {
    border: none;
    padding: 0 60px 0 21px;
    vertical-align: middle;
}

div.libeleBouton h3,
div#boiteHebergementTabs div.neufTranches.boiteInfoMembreDroite div.libeleBouton h3 {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-style: normal;
    margin: 14px 0;
    line-height: 1.25em;
    font-weight: bold;
    padding: 0;
}

    div.libeleBouton h3 small {
        color: #FFFFFF;
        display: block;
        line-height: normal;
        font-size: 0.7em;
        font-weight: normal;
        line-height: 1.2142em;
    }

div.libeleBouton div.libele {
    display: inline-block;
    width: 100%;
    margin: 0 -1px 0 0;
    vertical-align: middle;
}

div.libeleBouton div.tuteur {
    display: inline-block;
    width: 1px;
    height: 80px;
    vertical-align: middle;
}

@media only screen and (max-width:767px) {
    div.boiteCentre .boiteCoteSlideshow {
        padding: 0;
    }

    div.menuCarteDecouvrir ul li {
        display: block;
        border: none;
    }

    .neufTranches.boiteImageBouton .fond,
    .neufTranches.boiteImageBoutonOmbre {
        display: none;
    }
}

@media only screen and (max-width:740px) {
    ul.listeBoiteImagesBoutons {
        width: auto;
        margin: 0 0 20px 0;
    }

        ul.listeBoiteImagesBoutons li {
            margin: 0 10px 22px 10px;
        }
}

@media only screen and (max-width:658px) {
    ul.listeBoiteImagesBoutons {
        width: auto;
        margin: 0 0 20px 0;
    }

        ul.listeBoiteImagesBoutons li.espaceDeuxBoites {
            width: 100%;
            margin: 0 10px 22px 10px;
            max-width: 300px;
        }

        ul.listeBoiteImagesBoutons li.espaceTroisBoites {
            width: 100%;
            margin: 0 10px 22px 10px;
            max-width: 300px;
        }

        ul.listeBoiteImagesBoutons li.espaceDeuxBoites img {
            width: auto;
            max-width: none;
            position: relative;
            left: 50%;
            margin: 0 0 0 -306px;
        }

        ul.listeBoiteImagesBoutons li.espaceTroisBoites img {
            width: auto;
            max-width: none;
            position: relative;
            left: 50%;
            margin: 0 0 0 -306px;
        }

        ul.listeBoiteImagesBoutons li div.interieur {
            overflow: hidden;
        }

        ul.listeBoiteImagesBoutons.blogue li,
        ul.listeBoiteImagesBoutons.blogue li div.interieur,
        ul.listeBoiteImagesBoutons.blogue li .neufTranches.boiteImageBouton {
            width: 300px !important;
            max-width: 300px !important;
        }

            ul.listeBoiteImagesBoutons.blogue li .neufTranches.boiteImageBouton img {
                left: 0;
                position: absolute;
                max-width: 614px;
                margin: 0;
                ;
            }
}

@media only screen and (max-width:690px) {

    .neufTranches.boiteImageBouton.espaceDeuxBoites.gauche,
    .neufTranches.boiteImageBouton.espaceDeuxBoites.droite {
        margin: 0 0 22px 0;
    }
}

@media only screen and (max-width:374px) {
    .neufTranches.boiteImageBouton {
        margin: 0 0 22px 0;
    }
}

@media only screen and (max-width:360px) {
    ul.listeBoiteImagesBoutons {
        width: auto;
        margin: 0 0 20px 0;
    }

        ul.listeBoiteImagesBoutons li {
            margin: 0 auto 22px auto;
        }
}

@media only screen and (max-width:337px) {
    ul.listeBoiteImagesBoutons li {
        width: 100%;
    }

        ul.listeBoiteImagesBoutons li.espaceDeuxBoites {
            margin: 0 auto 22px 0;
            float: left;
        }

            ul.listeBoiteImagesBoutons li.espaceDeuxBoites img {
                width: auto;
                max-width: 200%;
                position: relative;
                left: -50%;
                margin: 0;
            }
}

ul#menuSection {
    margin: 0;
    text-align: center;
}

    ul#menuSection li {
        display: inline-block;
        list-style: none outside none;
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-size: 1.6em;
        line-height: 1.25em;
        text-transform: uppercase;
        padding: 0;
        background: transparent none;
    }

        ul#menuSection li a:link,
        ul#menuSection li a:visited {
            display: inline-block;
            padding: 11px;
            height: 40px;
            text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
            position: relative;
        }

        ul#menuSection li a span.gauche {
            position: absolute;
            left: 0;
            top: 0;
            width: 3px;
            height: 40px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -260px -160px;
            display: none;
            z-index: 1;
        }

        ul#menuSection li a span.centre {
            position: absolute;
            left: 50%;
            margin: 0 0 0 -7px;
            top: 0;
            width: 15px;
            height: 47px;
            background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -270px -160px;
            display: none;
            z-index: 1;
        }

        ul#menuSection li a span.libele {
            position: relative;
            z-index: 2;
        }

        ul#menuSection li a:hover {
            text-decoration: none;
            background-color: #B2EFFF;
            padding: 11px 10px;
            border-left: 1px solid #43D9FF;
            border-right: 1px solid #43D9FF;
        }

        ul#menuSection li a:link.actif,
        ul#menuSection li a:visited.actif {
            border-left: 1px solid #278BA1;
            border-right: 1px solid #278BA1;
            padding: 11px 10px;
            text-decoration: none;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -2984px;
            color: #FFFFFF;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
        }

        ul#menuSection li a.actif span.gauche,
        ul#menuSection li a.actif span.centre {
            display: block;
        }

form .colonneDroite {
    float: right;
}

div#contenuPage form label span {
    float: right;
}

div#contenuPage form div.boiteSalutation {
    padding: 4px 6px 0 6px;
    margin: 0 0 4px 0;
    float: left;
}

div.boiteSalutation input,
div.boiteSalutation span.custom {
    float: left;
}

div#contenuPage form div.boiteSalutation label {
    float: left;
    clear: none;
    padding: 2px 25px 0 6px;
}

div.custom.dropdown {
    clear: both;
}

div.boiteSubmit {
    text-align: left;
}

    div.boiteSubmit a.bouton span.contenu {
        padding: 0 17px 0 15px;
    }

div#statusMessage label {
    font-size: 1.2em;
}

form.custom div.custom.disabled {
    background: transparent none;
}

    form.custom div.custom.disabled a.current {
        border: 1px solid #BDBDBD;
        color: #BDBDBD;
    }

        form.custom div.custom.disabled a.current:hover {
            text-decoration: none;
        }

    form.custom div.custom.disabled a.selector {
        background-position: -1800px -120px;
    }

div#contenuPage form div.boiteListe {
    z-index: 10;
    margin: 0;
    position: absolute;
    top: 29px;
    left: 5px;
    display: none;
    width: auto !important;
}

div#contenuPage form .open div.boiteListe {
    display: block;
}

div#contenuPage form div.boiteListe .fond {
    padding: 9px 0;
}

    div#contenuPage form div.boiteListe .fond div.fleche {
        width: 22px;
        height: 13px;
        background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -60px 0;
        position: absolute;
        left: 11px;
        top: -4px;
        z-index: 2;
    }

    div#contenuPage form div.boiteListe .fond .haut {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        top: 0;
        left: 0;
    }

        div#contenuPage form div.boiteListe .fond .haut .gauche {
            position: absolute;
            left: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 0;
        }

        div#contenuPage form div.boiteListe .fond .haut .droite {
            position: absolute;
            right: -13px;
            top: -13px;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px 0;
        }

        div#contenuPage form div.boiteListe .fond .haut .centre {
            width: 100%;
            height: 22px;
            background: transparent none;
            border-top: 1px solid #85DDCD;
            margin: -13px 0 0 0;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -655px;
            border: none;
        }

    div#contenuPage form div.boiteListe .fond .bas {
        height: 9px;
        width: 100%;
        padding: 0 9px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

        div#contenuPage form div.boiteListe .fond .bas .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll 0 -30px;
        }

        div#contenuPage form div.boiteListe .fond .bas .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 22px;
            background: transparent url(../images/site/sprite-1661276027-nocache-form.png-form.png) no-repeat scroll -30px -30px;
        }

        div#contenuPage form div.boiteListe .fond .bas .centre {
            width: 100%;
            height: 22px;
            background: transparent none;
            border-bottom: 1px solid #E5E4BF;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -680px;
            border: none;
        }

    div#contenuPage form div.boiteListe .fond .milieu {
        height: 100%;
        width: 100%;
        padding: 0 17px;
        position: relative;
        background: #FFFFFF none;
    }

        div#contenuPage form div.boiteListe .fond .milieu .gauche {
            position: absolute;
            left: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -254px 0;
            border: none;
        }

        div#contenuPage form div.boiteListe .fond .milieu .droite {
            position: absolute;
            right: -13px;
            top: 0;
            width: 22px;
            height: 100%;
            background: transparent url(../../images/site/sprite-1661276027-nocache-1pxHorizontal.png) repeat-y scroll -279px 0;
            border-right: 1px solid #E5E4BF;
            border: none;
        }

        div#contenuPage form div.boiteListe .fond .milieu .centre {
            height: 17px;
            background: #FFFEF9 none;
        }

    div#contenuPage form div.boiteListe .fond.ligneDegrade {
        width: 1px;
        height: 139px;
        background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) no-repeat scroll 0 -1688px;
    }

        div#contenuPage form div.boiteListe .fond.ligneDegrade.gauche {
            left: 0;
            top: 8px;
        }

        div#contenuPage form div.boiteListe .fond.ligneDegrade.droite {
            left: auto;
            right: 0;
            top: 8px;
        }

div#contenuPage form div.boiteListe .interieur {
    padding: 5px 0;
}

    div#contenuPage form div.boiteListe .interieur ul {
        position: relative;
        margin: 0;
        border: none;
        top: 0;
        background: transparent none;
        margin: 0 1px;
        width: 100% !important;
        margin: 0 10px 0 0;
    }

        div#contenuPage form div.boiteListe .interieur ul li {
            padding: 0 16px;
            line-height: 1.6153em;
            min-height: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1.3em;
            font-weight: bold;
            background: transparent none;
            height: 21px;
            display: block;
        }

            div#contenuPage form div.boiteListe .interieur ul li:hover {
                background: transparent url(../../images/site/sprite-1661276027-nocache-1pxVertical.png) repeat-x scroll 0 -706px;
                color: #FFFFFF;
            }

            div#contenuPage form div.boiteListe .interieur ul li.selected {
                background-color: #FF521E;
                color: #FFFFFF;
            }

                div#contenuPage form div.boiteListe .interieur ul li:hover:after,
                div#contenuPage form div.boiteListe .interieur ul li.selected:after {
                    content: '';
                }

form.custom div.custom.dropdown {
    margin-top: 0;
}

    form.custom div.custom.dropdown ul {
        overflow-x: hidden;
    }

.imagePublication {
    display: block;
    clear: both;
    margin: 0 0 15px 0;
    text-align: center;
}

    .imagePublication img {
        display: block;
        margin: 0 auto;
        padding: 0;
    }

.conteneurFichierTelechargement {
    text-align: right;
    font-size: 1.2em;
    line-height: 1.25em;
}

.jqEasyCounterMsg {
    text-align: right;
    font-size: 1.2em;
    line-height: 1.25em;
    margin-bottom: 5px;
}

.ui-autocomplete {
    z-index: 3000;
    padding: 0;
    width: 320px;
    border: 1px solid #E4E3BD;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
    margin: 22px 0 0 0;
}

@media only screen and (min-width:767px) and (max-width:1057px) {
    .ui-autocomplete {
        width: 223px;
    }
}

.ui-autocomplete .ui-menu-item {
    background: #FFFFFF none;
    padding: 0;
    text-align: left;
    display: block;
    font-size: 1.3em;
}

    .ui-autocomplete .ui-menu-item.alternatif {
        background: #F6EFBA none;
    }

ul.ui-autocomplete li.ui-menu-item a {
    text-align: left;
    display: block;
    padding: 2px 6px;
    cursor: pointer;
    font-weight: normal;
    color: #1337C0;
    color: #555555;
    font-weight: bold;
    line-height: 1.3076em;
}

    ul.ui-autocomplete li.ui-menu-item a:hover {
        color: #FFFFFF;
        text-decoration: none;
        background-color: #154406;
    }

span.ui-helper-hidden-accessible {
    display: none;
}

input.btnSubmitCache {
    position: absolute;
    top: -5000px;
    left: -5000px;
}

input[type='text'].error,
textarea.error {
    border: 1px solid #E20000;
    background: #FEBABA none;
}

form.custom div.custom.dropdown.error a.current {
    border: 1px solid #E20000;
    background-position: 0 -3027px;
}

.neufTranches.boiteInfoMembreDroite div.erreur.enLigne p {
    margin: 0;
}

@media only screen and (max-width:767px) {
    form .colonneDroite {
        float: none;
    }

    .imagePublication {
        padding: 10px 0 0 0;
    }

    div#contenuPage form label {
        margin: 0 0 2px 0;
    }
}

.widgetCTMA form.custom {
    padding: 0 12px;
}

    .widgetCTMA form.custom span.custom.radio {
        clear: left;
    }

div#contenuPage .widgetCTMA form label {
    clear: none;
    padding: 2px 6px 0 6px;
    text-align: left;
    margin: 0 0 5px 0;
    font-weight: normal;
}

div#contenuPage .widgetCTMA form .avecDate label {
    font-weight: bold;
    padding: 2px 0 0 2px;
}

div#contenuPage .widgetCTMA form .boiteDates {
    clear: both;
    padding: 0 0 0 10px;
}

    div#contenuPage .widgetCTMA form .boiteDates div.columns {
        padding: 0 0 0 10px;
    }

div#contenuPage .widgetCTMA form a.bouton {
    display: block;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
}

div#contenuPage .widgetCTMA form fieldset {
    padding: 0 0 12px 0;
    margin: 0;
}

    div#contenuPage .widgetCTMA form fieldset.dernier {
        margin: 10px 0 0 0;
    }

div#contenuPage .widgetCTMA .pointilleBas {
    margin: 0 -21px;
    position: relative;
    width: auto;
}

.neufTranches.boiteInfoMembreDroite.widgetCTMA h3 {
    margin: 0 0 18px 0;
}

div.boiteTitreDegrade.exterieur div.fond.ctma {
    width: 104px;
    height: 28px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -290px -160px;
    left: auto;
    right: 6px;
    top: 6px;
    z-index: 2;
}

@media only screen and (max-width:930px) {
    div#contenuPage .widgetCTMA form .boiteDates div.columns.avecDate {
        width: 100% !important;
        clear: both;
    }
}

#boiteFormConcours {
    float: none;
}

[class*='column'] + [class*='column']:last-child.boiteChamp {
    float: left;
}

.refererAmiLien {
    padding-left: 9px;
    position: relative;
    top: 6px;
    font-size: 1.2em;
}

#headerImageConcours {
    margin-bottom: 25px;
}

.apercuGuide {
    text-align: center;
}

div#contenuPage form .apercuGuide label {
    float: none;
    margin: 0 auto;
    text-align: center;
}

div#contenuPage form .apercuGuide div {
    text-align: center;
}

div#contenuPage form .apercuGuide label span {
    float: none;
    margin-top: 5px;
    margin-bottom: 15px;
}

form.custom .apercuGuide .four span.custom.radio {
    float: none;
}

@media only screen and (max-width:767px) {
    .apercuGuide {
        clear: both;
    }

        .apercuGuide .four.columns {
            width: 33.3333%;
            float: left;
        }

            .apercuGuide .four.columns img {
                width: 100%;
            }
}

@media print {
    a[href]:after {
        content: '';
    }

    abbr[title]:after {
        content: '';
    }

    div#hautPage,
    div#boiteNav,
    div#boiteReservation,
    div#boiteNavSlideshows,
    div.boiteSlideshowAcc div.slideshow,
    div.boiteSlideshowAcc a.bouton,
    div#basDePage,
    a.bouton {
        display: none !important;
    }

    @page {
        margin: auto !important;
    }

    [class*='column'] + [class*='column']:last-child {
        float: left;
    }

    div.separateurExtensible {
        height: 1px;
        overflow: hidden;
        clear: both;
    }

    div.boiteSlideshowAcc h2 {
        height: auto;
    }

    div.boiteSlideshowAcc {
        padding: 0;
    }

    div.libeleBouton {
        position: static;
    }

        div.libeleBouton div.tuteur {
            height: 50px;
        }

        div.libeleBouton h3 {
            margin: 10px 0;
        }

    div.four.columns.colonneDroite {
        clear: both;
        float: none;
    }

    .row {
        min-width: 0;
    }

    div.exterieur {
        overflow: visible;
    }

    form .four.columns.colonneDroite {
        width: 50%;
    }
}

div.listingEquipe div.colonneDroite {
    padding-left: 15px;
}

div.listingEquipe {
    margin: 20px 0 40px 0;
}

    div.listingEquipe h2 {
        margin: 0;
        padding: 0;
    }

    div.listingEquipe h3 {
        margin: 0 0 10px 0;
        font-size: 3.1em;
        padding: 0;
    }

    div.listingEquipe ul {
        padding-left: 17px;
    }

    div.listingEquipe div.colonneGauche img {
        border: 1px solid #4F4F49;
        margin-bottom: 10px;
    }

div.GPDT div.colonneDroite {
    padding-left: 15px;
}

div.GPDT {
    margin: 20px 0 40px 0;
}

    div.GPDT h2 {
        margin: 0;
        padding: 0;
        font-size: 3.5em;
    }

    div.GPDT h3 {
        margin: 0 0 10px 0;
        font-size: 2.9em;
        padding: 0;
    }

    div.GPDT ul {
        padding-left: 17px;
    }

    div.GPDT div.colonneGauche img {
        border: 1px solid #4F4F49;
        margin-bottom: 10px;
    }

    div.GPDT div.prix {
        width: auto;
    }

div.GPDTGeneral {
    float: right;
    width: 41px;
    height: 91px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-GPDT.gif) no-repeat scroll 0 0;
    margin: 0 0 0 15px;
}

div.GPDTOr {
    float: right;
    width: 37px;
    height: 91px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-GPDT.gif) no-repeat scroll -44px 0;
    margin: 0 0 0 15px;
}

div.GPDTArgent {
    float: right;
    width: 37px;
    height: 91px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-GPDT.gif) no-repeat scroll -84px 0;
    margin: 0 0 0 15px;
}

div.GPDTBronze {
    float: right;
    width: 37px;
    height: 91px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-GPDT.gif) no-repeat scroll -124px 0;
    margin: 0 0 0 15px;
}

form.formAnnee div.droite {
    float: right;
    z-index: 10;
}

div.boiteGrandTitre ul.GPDT li .image,
div.boiteGrandTitre ul.GPDT li .description {
    vertical-align: top;
}

div.boiteGrandTitre ul.GPDT li .boutons {
    padding: 0 5% 0 0;
}

div.boiteGrandTitre ul.GPDT li div.pointilleBas {
    bottom: auto;
    top: 0;
}

div.boiteGrandTitre ul.GPDT li.premier div.pointilleBas {
    display: none;
}

div.boiteGrandTitre ul.GPDT li .description h3 {
    font-style: normal;
    font-size: 1.8em;
}

div.boiteGrandTitre ul.GPDT li .description h4 {
    font-style: normal;
    font-size: 1.6em;
}

div.boiteGrandTitre ul.GPDT li .description h5 {
    font-style: normal;
    font-size: 1.4em;
}

@media only screen and (max-width:767px) {
    div.boiteGrandTitre ul.GPDT li {
        padding: 10px 0;
    }
}

div.boiteGrandTitre ul.listingRecette li .image,
div.boiteGrandTitre ul.listingRecette li .description {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

div.boiteGrandTitre ul.listingRecette li .description {
    min-height: 58px;
}

div.boiteGrandTitre ul.listingRecette li .pointilleBas {
    bottom: auto;
    top: 0;
}

div.boiteGrandTitre ul.listingRecette li.premier .pointilleBas {
    display: none;
}

div.listingRecette div.colonneGauche img {
    border: 1px solid #4F4F49;
    margin-bottom: 10px;
}

div.listingDocuments div.colonneDroite {
    padding-left: 15px;
}

div.listingDocuments {
    margin: 40px 0 40px 0;
}

    div.listingDocuments h3 {
        margin: 0 0 10px 0;
        font-size: 3.1em;
        padding: 0;
    }

    div.listingDocuments ul {
        padding-left: 17px;
    }

    div.listingDocuments div.colonneGauche img {
        border: 1px solid #4F4F49;
        margin-bottom: 10px;
    }

div.boiteGrandTitre.revueDePresse {
    margin-bottom: 20px;
}

#regenerer div.liensForm ul li,
#login div.liensForm ul li {
    margin-left: 30px;
}

div.neufTranches.boiteInfoMembreDroite .interieur .neufTranches.erreur .interieur {
    padding: 6px 16px;
}

div#panierPhoto {
    border: 1px solid #DFD8A5;
    padding: 15px 19px;
    background: #F3EFC8 none;
    margin: 0 0 15px 0;
}

    div#panierPhoto h2 {
        padding: 0;
        font-size: 2.9em;
        margin: 0 0 9px 0;
    }

    div#panierPhoto a.bouton {
        display: block;
    }

    div#panierPhoto .columns {
        padding: 0 5px;
    }

div#boiteHebergementTabs.listingPhotosHD div.neufTranches.boiteInfoMembreDroite .interieur.banqueHD {
    padding: 30px 15px;
}

div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul li:hover .neufTranches.boiteHebergement .fond,
a:hover .neufTranches.boiteHebergement .fond {
    left: 0;
}

div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul li:hover .ombre {
    visibility: hidden;
}

div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul li:hover .ombreSurvol {
    visibility: visible;
}

div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul li:hover {
    text-decoration: none;
}

div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul#listingDesMembres li {
    width: 25%;
    padding: 0 10px;
    margin: 0 0 33px 0;
}

div.listingPhotosHD dt.cache {
    display: none;
}

div.listingPhotosHD dl dt {
    float: left;
    clear: left;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 0 3px 0 0;
}

    div.listingPhotosHD dl dt.cache {
        text-indent: -50000px;
        overflow: hidden;
        width: 1px;
        margin: 0 0 0 -1px;
    }

div.listingPhotosHD dl dd {
    float: left;
    font-size: 1.2em;
    line-height: 1.5em;
}

a.boutonMoins {
    color: #BA1919;
    position: relative;
    display: block;
    padding: 5px 0 0 25px;
    font-size: 1.1em;
    line-height: 13px;
}

    a.boutonMoins span.icone {
        display: block;
        background: transparent url(../../images/site/sprite-temp.png) no-repeat scroll 0 -484px;
        width: 22px;
        height: 22px;
        position: absolute;
        top: 0;
        left: 0;
    }

a.boutonPlus {
    color: #719224;
    position: relative;
    display: block;
    padding: 5px 0 0 25px;
    font-size: 1.1em;
    line-height: 13px;
}

    a.boutonPlus span.icone {
        display: block;
        background: transparent url(../../images/site/sprite-temp.png) no-repeat scroll 0 -509px;
        width: 21px;
        height: 22px;
        position: absolute;
        top: 0;
        left: 0;
    }

a.boutonAgrandir {
    color: #007EBB;
    position: relative;
    display: block;
    font-size: 1.1em;
    line-height: 13px;
    text-align: right;
}

.paginationBasPage {
    text-align: center;
}

ul.listeResultats {
    float: right;
    padding: 3px 0 0 0;
    margin: 0 0 12px 0;
    list-style-type: none;
    color: #4F4F49;
}

.paginationBasPage > ul.listeResultats {
    float: none;
    display: inline-block;
}

ul.listeResultats li {
    float: left;
    padding: 0;
    background: transparent none;
    padding: 0 2px;
    font-size: 1.4em;
    line-height: 1.3574em;
}

ul.listeResultats a:link,
ul.listeResultats a:visited {
    float: left;
    padding: 1px 6px;
    color: #4F4F49;
}

ul.listeResultats li.selected a,
ul.listeResultats li.selected a:visited {
    font-weight: bold;
    background: #F3EFC8 none;
    text-decoration: none;
    border: 1px solid #DFD8A5;
}

ul.listeResultats a:hover {
    background: #F3EFC8 none;
    text-decoration: none;
}

@media only screen and (max-width:900px) {
    div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul#listingDesMembres li {
        width: 50%;
    }

        div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul#listingDesMembres li .neufTranches.boiteHebergement {
            max-width: none;
        }
}

@media only screen and (max-width:767px) {
    div#panierPhoto {
        float: none;
    }

        div#panierPhoto .columns.premier {
            margin: 0 0 10px 0;
        }
}

@media only screen and (max-width:600px) {
    div#boiteHebergementTabs.listingPhotosHD ul.tabs-content ul#listingDesMembres li {
        width: 100%;
    }
}

#boiteDescriptionCircuit {
    padding: 0 10px;
}

    #boiteDescriptionCircuit div.row {
        clear: both;
    }

.boiteEnsembleReseauSociaux {
    overflow: hidden;
    float: right;
}

.boiteReseauSociaux {
    float: right;
    clear: both;
    width: 90px;
    text-align: right;
    margin: 0 0 15px 0;
}

ul.listeEntreprises {
    text-align: center;
    margin: 0 0 -20px 0;
}

    ul.listeEntreprises li {
        text-align: left;
        display: inline-block;
        padding: 0;
        background: transparent none;
        margin: 0 15px 20px 15px;
        max-width: 280px;
    }

        ul.listeEntreprises li .neufTranches.boiteHebergement {
            margin: 0;
            width: 100%;
        }

@media only screen and (max-width:767px) {
    .boiteEnsembleReseauSociaux {
        clear: both;
        margin: 0 0 20px 0;
    }

    .boiteReseauSociaux {
        width: 33%;
        clear: none;
        text-align: center;
    }
}

@media only screen and (max-width:374px) {
    ul.listeEntreprises li {
        margin: 0 0 20px 0;
        width: 100%;
    }
}

.boiteInfoMembreDroite .accordeon {
    padding: 0 10px;
}

body#tinymce div.neufTranches.boiteHebergement div.image img.ombreSurvol,
body#tinymce div.neufTranches.boiteHebergement div.image img.ombre,
body#tinymce div.neufTranches.boiteHebergement div.fond {
    display: none;
}

div.boiteGrandTitre ul.listingEvenements {
    margin: 0;
}

    div.boiteGrandTitre ul.listingEvenements li div.description {
        width: 76.38%;
        padding: 0 10px 0 0;
    }

        div.boiteGrandTitre ul.listingEvenements li div.description h3 {
            font-style: normal;
            font-size: 1.8em;
            line-height: 1.2222em;
        }

        div.boiteGrandTitre ul.listingEvenements li div.description h4 {
            font-style: normal;
            font-size: 1.4em;
            font-weight: normal;
        }

        div.boiteGrandTitre ul.listingEvenements li div.description p {
            margin: 0 0 19px 0;
        }

    div.boiteGrandTitre ul.listingEvenements li div.pointilleBas {
        bottom: auto;
        top: 0;
    }

    div.boiteGrandTitre ul.listingEvenements li.premier div.pointilleBas {
        display: none;
    }

@media only screen and (max-width:767px) {
    div.boiteGrandTitre ul.listingEvenements li {
        padding: 10px 0;
    }

        div.boiteGrandTitre ul.listingEvenements li div.description {
            width: 66%;
        }

        div.boiteGrandTitre ul.listingEvenements li .image {
            vertical-align: top;
        }
}

#fouDesIlesSectionTwitter iframe {
    width: 100%;
}

div.cacheSurplusFond {
    overflow: hidden;
}

h2.titreDroiteForfaits,
h3.titreDroiteForfaits {
    padding: 0;
    font-size: 1.6em;
    color: #4F4F49;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    clear: both;
    margin: 0 0 6px 0;
}

div.boitePrixForfait ul li {
    background-image: none;
    padding: 0;
}

    div.boitePrixForfait ul li.premier {
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-size: 4.1666em;
        line-height: 1.16em;
        white-space: nowrap;
    }

p#lienPlusDInfoForfait span.icone {
    display: inline-block;
    width: 5px;
    height: 9px;
    background: transparent url(../../images/site/sprite-1661276027-nocache-.png) no-repeat scroll -80px -60px;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.boiteBoutonAjouterAmi {
    text-align: right;
    white-space: nowrap;
}

@media only screen and (max-width:767px) {
    .boiteBoutonAjouterAmi {
        text-align: left;
    }
}

@media only screen and (max-width:410px) {
    div.mejs-container.svg.mejs-audio div.mejs-time-rail {
        display: none;
    }

    div.mejs-container.svg.mejs-audio {
        max-width: 185px;
    }
}

#rp_playlistContainer #rp_playlist li {
    padding: 0;
    background: #0E28A8 none;
    border-top: 1px solid #415CE0;
    border-bottom: 1px solid #0C1647;
}

    #rp_playlistContainer #rp_playlist li.rp_currentVideo {
        background-color: #13298C;
    }

    #rp_playlistContainer #rp_playlist li:hover {
        background-color: #1E42E1;
    }

    #rp_playlistContainer #rp_playlist li .rp_thumbnail {
        border-color: #222222;
    }

    #rp_playlistContainer #rp_playlist li:hover .rp_thumbnail {
        border-color: #5871DE;
    }

    #rp_playlistContainer #rp_playlist li .rp_title {
        font-size: 1em;
        margin-bottom: 0;
        line-height: 1.4666em;
    }

    #rp_playlistContainer #rp_playlist li .rp_author {
        font-size: 0.8em;
        margin-bottom: 0;
        line-height: 1.5em;
    }

.listeRadio {
    padding-top: 4px;
}

    .listeRadio li {
        font-size: 1em;
        clear: both;
        padding: 0;
        background: transparent none;
        margin-bottom: 7px;
    }

form.custom .listeRadio .span.custom.checkbox {
    float: left;
}

div#contenuPage form .listeRadio label {
    float: none;
    text-align: left;
    display: inline-block;
    padding: 0;
    padding: 2px 0 0 24px;
    margin: 0 0 0 -24px;
}

div.boiteVideoImageHautDePageSlider div.contenu {
    min-width: 77px;
    padding: 7px 9px 0 9px;
    height: 38px;
    float: right;
    background: none transparent;
    border: 2px solid #FFFFFF;
    border-radius: 5px;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2), inset 3px 3px 3px -2px rgba(0, 0, 0, 0.2);
    margin-bottom: 26px;
}

    div.boiteVideoImageHautDePageSlider div.contenu span {
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 20px;
        color: #FFFFFF;
    }

    div.boiteVideoImageHautDePageSlider div.contenu img {
        position: relative;
        top: 2px;
        margin-right: 6px;
    }

@media only screen and (max-width:767px) {
    div.boiteVideoImageHautDePageSlider {
        position: absolute;
        z-index: 99;
        top: 28px;
        right: 25px;
        width: auto;
    }

        div.boiteVideoImageHautDePageSlider div.contenu {
            margin-left: 15px;
            float: left;
        }
}

@media only screen and (max-width:420px) {
    div.boiteVideoImageHautDePageSlider {
        top: 3%;
        right: 50%;
        width: auto !important;
        margin-right: -85px;
    }
}

.widgetCTMA .petit {
    font-size: 1.1em;
}

.boiteDisponibiliteTraversierCTMA h3 {
    margin-bottom: 5px !important;
}

.boiteDisponibiliteTraversierCTMA .boiteGrandTitre {
    margin-bottom: 16px !important;
}

    .boiteDisponibiliteTraversierCTMA .boiteGrandTitre table {
        width: 100.90% !important;
    }

        .boiteDisponibiliteTraversierCTMA .boiteGrandTitre table th {
            width: 130px !important;
        }

        .boiteDisponibiliteTraversierCTMA .boiteGrandTitre table td {
            padding: 12px !important;
        }

            .boiteDisponibiliteTraversierCTMA .boiteGrandTitre table td.centrer {
                text-align: center !important;
            }

                .boiteDisponibiliteTraversierCTMA .boiteGrandTitre table td.centrer span.custom {
                    margin-left: 4px;
                    float: none;
                    margin-left: 0;
                }

        .boiteDisponibiliteTraversierCTMA .boiteGrandTitre table th,
        .boiteDisponibiliteTraversierCTMA .boiteGrandTitre table td {
            font-size: 1.2em;
        }

p.sansMarginBottom {
    margin-bottom: 0;
}

p.prixBoiteForfaitPromotion {
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: #000000 !important;
}

p.detailsBoiteForfaitPromotion {
    color: #1236BE !important;
    float: right;
    margin: 0;
    font-weight: bold;
}

div#boiteForfaits div.neufTranches.boiteForfaits:hover p.detailsBoiteForfaitPromotion {
    text-decoration: underline;
}

@media only screen and (min-width:961px) {
    ul.resultatsRechercheEvenements li:nth-child(3n+3) {
        margin-right: 0 !important;
    }
}

div#basPageMobile aside div.boiteReseauxSociaux {
    margin-bottom: 20px;
}

    div#basPageMobile aside div.boiteReseauxSociaux div.lienPageFouDesIles {
        width: 180px;
        margin: 20px auto 0;
    }

    div#basPageMobile aside div.boiteReseauxSociaux ul.reseauxSociaux {
        width: 202px;
        margin: 0 auto;
        display: block;
    }

#forfaitsMobile {
    margin-top: 30px;
}

@media only screen and (min-width:768px) {

    #documentsMobile,
    #sallesDeReunionMobile {
        display: none;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    select,
    textarea,
    input {
        font-size: 16px !important;
    }
}

@media only screen and (min-width:768px) {
    .concoursColonneCentre.contentLeft div.contentContent {
        text-align: right;
        margin-right: 20px;
    }

    .concoursColonneCentre.contentLeft label {
        text-align: right !important;
    }

    .concoursColonneCentre.contentLeft div.contentButton {
        width: 60%;
        float: right;
    }

    .concoursColonneCentre.contentRight div.contentContent {
        text-align: left;
        margin-left: 20px;
    }

    .concoursColonneCentre.contentRight label {
        text-align: left !important;
    }

    .concoursColonneCentre.contentRight div.contentButton {
        width: 60%;
        float: left;
    }
}

@media only screen and (max-width:767px) {
    .concoursColonneCentre img {
        width: 100% !important;
    }
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}

    .ellipsis.multiline {
        white-space: normal;
    }

.threePCT.columns {
    width: 30%;
}

.sixPCT.columns {
    width: 40%;
}

#headerFousDesIles {
    background-image: url(../../images/instagram/fousdesiles.jpg);
    text-align: center;
    padding: 17rem 0 20rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    #headerFousDesIles h1,
    #headerFousDesIles h2 {
        font-size: 5.4rem;
        text-shadow: 0 0 10px #333333;
        font-weight: 100;
        color: #FFFFFF;
    }

    #headerFousDesIles h2 {
        font-style: normal;
        font-size: 11.5rem;
        font-weight: 500;
        padding-top: 0;
        line-height: 10rem;
    }

    #headerFousDesIles p {
        position: absolute;
        bottom: 3vw;
        left: 0;
        right: 0;
    }

    #headerFousDesIles.alt {
        padding: 18rem 0;
    }

    #headerFousDesIles.alt2 {
        padding: 23.7rem 0;
    }

section#instagram {
    margin-top: 7rem;
}

.instagramAccueil {
    width: 100%;
}

.instagramImage {
    margin: 1rem 0;
    position: relative;
}

    .instagramImage .boite {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        overflow: hidden;
        background-color: #FEFEE2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .instagramImage .boite img {
            width: 100%;
        }

#partagezExperiences {
    background-image: url(../../images/instagram/partagez-vos-experience.jpg);
}

#suivezNous {
    background-image: url(../../images/instagram/suivez-nous-sur-instagram.jpg);
}

.hoverInstagram,
.pub,
.pub2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    transition: background 0.3s linear;
}

.pub {
    background-color: rgba(18, 54, 192, 0.9);
}

.pub2 {
    background-color: rgba(0, 190, 158, 0.8);
}

    .pub .texte,
    .pub2 .texte {
        padding: 1vw 0;
    }

    .pub h3,
    .pub h2,
    .pub2 h3,
    .pub2 h2 {
        font-size: 2vw;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 0;
        padding-top: 2vw;
        line-height: 2vw;
    }

#boite h2 {
    font-size: 2.6vw;
    padding: 1.2vw 0 0;
}

.hoverInstagram .texte,
.instagramImage .instagramRetrait {
    display: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.6s linear;
}

.hoverInstagram .texte {
    height: 100%;
    width: 100%;
}

    .hoverInstagram .texte p {
        color: #FFFFFF;
        font-size: 1.6rem;
        margin: 0;
        font-stretch: expanded;
        font-kerning: auto;
        word-break: break-word;
    }

.instagramImage .hoverInstagramAnchor {
    transition: all 0.8s ease-in-out;
}

.instagramImage:hover .hoverInstagram {
    background-color: rgba(255, 63, 23, 0.8);
}

    .instagramImage:hover .hoverInstagram .texte,
    .instagramImage:hover .instagramRetrait {
        display: block;
        visibility: visible;
        opacity: 1;
    }

img.hoverInstagramAnchor {
    position: absolute;
    left: -2px;
}

img.hoverInstagramAnchor {
    bottom: 9px;
}

.hoverInstagram {
    padding: 1rem 1rem 5rem;
}

.instagramAccueil {
    margin-bottom: 5rem;
}

.pub2 .logo {
    text-align: center;
    margin: 2vw 0;
    margin-bottom: 0;
}

.logo img {
    height: 2vw;
}

.logo + h3.instagramHand {
    padding: 1rem;
}

.pub2 h3 {
    font-family: 'Filmotype', Arial, Helvetica, sans-serif;
}

.pub2 p {
    text-align: center;
    font-size: 1vw;
}

.instagramRetrait {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1vw;
    padding-left: 30px;
    text-align: center;
}

    .instagramRetrait p {
        font-size: 1.2rem;
    }

.reveal-modal.auto {
    width: auto;
}

.instagramHand {
    font-family: 'Filmotype', Arial, Helvetica, sans-serif;
    font-style: normal;
}

    .instagramHand + p {
        font-style: italic !important;
        font-size: 1.1vw !important;
        line-height: 1.1vw !important;
        color: #000000;
    }

.hoverInstagram a {
    text-decoration: none;
}

.instagramRetrait p {
    margin: 0;
}

.instagramRetrait a {
    color: #DDDDDD;
}

.btn {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    -webkit-box-shadow: 0.6px 0.6px 3px #666666;
    -moz-box-shadow: 0.6px 0.6px 3px #666666;
    box-shadow: 0.6px 0.6px 3px #666666;
    color: #FFFFFF !important;
    font-size: 1.6rem;
    font-weight: bold;
    background: #1235BD;
    padding: 20px 30px;
    text-decoration: none;
    transition: all 0.3s linear;
    cursor: pointer;
    margin: 30px 0;
    position: relative;
    font-family: 'Open-Sans', Arial, Helvetica, sans-serif;
}

    .btn:hover {
        text-decoration: none;
        background-color: #0C33F4;
    }

    .btn.fousdesiles {
        padding: 15px 30px 15px 55px;
    }

    .btn img {
        height: 30px;
        vertical-align: middle;
        position: absolute;
        top: 11px;
        left: 15px;
    }

#afficherPlusInstagram.btn {
    padding: 20px 30px;
    display: inline-block;
}

.video,
.laissezVousInspirer,
.static {
    margin: 1rem 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

    .laissezVousInspirer h3,
    .static h3 {
        margin-bottom: 13px;
        padding: 0;
        color: #FFFFFF;
    }

    .laissezVousInspirer p,
    .static p {
        margin: 0;
        padding: 0;
        color: #333333;
    }

    .laissezVousInspirer .overlay,
    .static .overlay {
        padding: 6rem;
        height: 100%;
        background-color: rgba(0, 190, 158, 0.8);
    }

.laissezVousInspirer {
    background-image: url(../../images/instagram/laissez-vous-inspirer.jpg);
}

.static.premiereVisite {
    background-image: url(../../images/instagram/les-yeux-des-madelinots.jpg);
}

    .static.premiereVisite p,
    .laissezVousInspirer p {
        font-size: initial !important;
        line-height: initial !important;
    }

.static.concours {
    background-image: url(../../images/instagram/concours.jpg);
    position: relative;
}

    .static.concours .overlayConcours {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 2rem;
        background-color: rgba(18, 54, 192, 0.8);
    }

        .static.concours .overlayConcours p {
            color: #FFFFFF;
            font-size: 19px;
            font-weight: 600;
            line-height: 35px;
        }

        .static.concours .overlayConcours img {
            float: right;
            height: 36px;
        }

.static.premiereVisite .overlay {
    padding: 4rem;
}

.fakeH6 {
    font-family: Arial, Helvetica, sans-serif;
    color: #1235BD;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

img.imageBlogue {
    height: 259px;
}

.main {
    width: 615px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    height: 257px;
}

    .main.old {
        text-align: center;
        width: auto;
    }

        .main.old img {
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 0;
        }

img.absolute,
img.absoluteAlt {
    left: -25%;
    position: absolute;
}

.main.old img.absolute,
.main.old img.absoluteAlt {
    position: initial;
}

@media only screen and (max-width:500px) {
    #boite {
        padding-top: 5rem;
    }

        #boite h2 {
            font-size: 5rem;
            margin-top: 1rem;
            line-height: 5rem;
        }

        #boite h3 {
            font-size: 3rem;
            line-height: 3rem;
        }

    .pub h3,
    .pub h2,
    .pub2 h3,
    .pub2 h2 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .pub2 p {
        font-size: 1.4rem !important;
        line-height: 1.4rem !important;
    }

    .pub .texte,
    .pub2 .texte {
        padding: 1em 0;
    }

    .pub2 .logo {
        margin-top: 5rem;
    }

    #partagezExperiences,
    #suivezNous {
        height: 25rem !important;
    }

    .logo img {
        height: 3rem;
    }

    img.hoverInstagramAnchor {
        bottom: 1rem;
    }

    section#instagram {
        margin-top: 3rem;
    }

    #headerFousDesIles {
        padding: 7rem 0 14rem;
    }

        #headerFousDesIles h1 {
            font-size: 3.6rem;
            padding: 0 4rem;
        }

        #headerFousDesIles h2 {
            font-size: 8rem;
        }

        #headerFousDesIles p {
            bottom: 7rem;
        }

    .static.premiereVisite {
        height: 26rem !important;
    }

        .static.premiereVisite .overlay {
            padding: 7rem 4rem !important;
        }

    .laissezVousInspirer p,
    .static p {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }

    .static.concours .overlayConcours p {
        font-size: 2.1rem !important;
        line-height: 3.5rem !important;
    }
}

@media only screen and (min-width:1030px) {
    .instagramAccueil {
        width: 95%;
    }
}

@media only screen and (max-width:1030px) {
    .hoverInstagram .texte p {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:769px) {
    .static.premiereVisite .overlay {
        padding: 2rem;
    }

    .static.premiereVisite h3 {
        font-size: 3rem;
        line-height: 3rem;
    }

    .hoverInstagram {
        padding: 0.5rem 0.5rem 5rem;
    }

        .hoverInstagram .texte p {
            font-size: 1rem;
        }
}

@media only screen and (max-width:760px) {
    .hoverInstagram {
        padding: 1rem 1rem 5rem;
    }

        .hoverInstagram .texte p {
            font-size: 1.6rem;
        }
}

.titreHoraireAdresse {
    font-size: 13px !important;
    font-weight: normal !important;
}

.author-wrapper {
    max-width: 70%;
    margin: 110px auto 0 auto;
    text-align: center;
}

    .author-wrapper .author-image-wrapper {
        height: 80px;
        width: 80px;
        overflow: hidden;
        display: inline-block;
        margin: 0 auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

        .author-wrapper .author-image-wrapper img {
            max-width: 80px;
        }

#providers-section h3 {
    text-align: center !important;
}

h3.teaser.article {
    font-family: 'Lato', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 22px !important;
    letter-spacing: 0.02em !important;
}

#providers-section .av_one_full .avia_textblock p,
#providers-section .av_one_full .avia_textblock blockquote {
    max-width: 100%;
}

p.teaser {
    font-weight: 300 !important;
    font-size: 16px !important;
    letter-spacing: 0.02em !important;
    line-height: 22px !important;
}

.author-wrapper .author-url {
    width: 100%;
    display: inline-block;
    color: #BD242B;
    text-decoration: underline;
}

.dateActualite {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 15px;
}

.boiteGoogleMap {
    background-image: url('../../images/site/carte_378X248.png');
    background-position: center;
    height: 248px;
    width: 378px;
    text-align: center;
}

    .boiteGoogleMap a {
        line-height: 15;
    }

#map {
    background-image: url('../../images/site/carte_940X500.png');
    background-position: center;
    height: 500px;
    width: 100%;
    text-align: center;
}

    #map a {
        line-height: 32;
    }

#boiteReservation .fond.image .headerImage.mobile {
    display: none !important;
}

#no_citq {
    display: block;
    font-size: 20px;
    font-weight: normal;
    line-height: 10px;
}

@media screen and (max-width:1023px) {
    #no_citq {
        line-height: 40px;
    }
}

@media screen and (max-width:767px) {
    #no_citq {
        line-height: 30px;
    }
}

.bandeauBleu {
    position: absolute;
    top: 57px;
    left: 12px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    background: #3A4596;
    padding: 7px 17px 6px 17px;
    border-radius: 20px;
}

@media screen and (min-width:768px) {
    #container-campagne {
        width: 100%;
    }

        #container-campagne .container-campagne-content {
            width: 100%;
            max-width: 960px;
            margin: 0 auto;
        }

        #container-campagne #video-preview {
            padding: 30px 0;
            display: none;
        }

            #container-campagne #video-preview span.title {
                display: block;
                margin-top: 30px;
                text-align: center;
                font-size: 19px;
                color: #6f6f6f;
            }

            #container-campagne #video-preview div.sep {
                width: 108px;
                height: 4px;
                background: #000000;
                margin: 25px auto 4px auto;
            }

        #container-campagne .slick-list {
            padding: 0 0 !important;
        }

        #container-campagne #video-pager {
            margin-bottom: 80px;
        }

        #container-campagne .slick-slide {
            padding: 0 7px;
        }

            #container-campagne .slick-slide span.title {
                display: block;
                margin-top: 12px;
                text-align: center;
                font-size: 16px;
                color: #6f6f6f;
            }

            #container-campagne .slick-slide div.sep {
                width: 96px;
                height: 4px;
                background: #000000;
                margin: 12px auto 0 auto;
            }

            #container-campagne .slick-slide .video-img {
                position: relative;
                height: 210px;
                overflow: hidden;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 1;
                transition: opacity 150ms linear;
            }

                #container-campagne .slick-slide .video-img:hover {
                    opacity: 0.8;
                }

            #container-campagne .slick-slide span {
                transition: all 150ms linear;
            }

            #container-campagne .slick-slide:hover span {
                color: #000 !important;
            }

            #container-campagne .slick-slide a {
                text-decoration: none;
            }

            #container-campagne .slick-slide .video-img img {
                max-width: none;
            }

            #container-campagne .slick-slide .play {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                #container-campagne .slick-slide .play i {
                    position: absolute;
                    z-index: 1;
                    color: #15151570;
                    font-size: 50px;
                }

        #container-campagne .ruban {
            color: #ffffff;
            font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
            background: #1337C0;
            text-transform: uppercase;
            padding: 10px 0 6px;
            font-size: 26px;
            display: inline-block;
            width: 320px;
            margin: 14px 25px 150px 100px;
            text-decoration: none;
            text-align: center;
            position: relative;
        }

            #container-campagne .ruban:hover {
                background: #0327B0;
            }

            #container-campagne .ruban.orange {
                float: right;
                background: #154406;
                margin-left: 0;
                margin-bottom: 75px;
                margin-right: 100px;
            }

                #container-campagne .ruban.orange:hover {
                    background: #EF2F07;
                }

            #container-campagne .ruban:after {
                content: "";
                position: absolute;
                top: 5px;
                right: -17px;
                background: #fffef4;
                width: 32px;
                height: 32px;
                transform: rotate(45deg);
            }

        #container-campagne .slick-prev:before {
            font-family: 'Font Awesome 5 Free';
            content: "\f060";
            font-weight: 900;
            color: #171717;
            top: 0;
            font-size: 29px;
            position: relative;
            top: -22px;
            left: -10px;
        }

        #container-campagne .slick-next:before {
            font-family: 'Font Awesome 5 Free';
            content: "\f061";
            font-weight: 900;
            color: #171717;
            top: 0;
            font-size: 29px;
            position: relative;
            top: -22px;
            right: -7px;
        }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    #container-campagne .container-campagne-content {
        width: 100%;
        max-width: 740px;
        margin: 0 auto;
    }

    #container-campagne .ruban {
        width: 300px;
        margin: 14px 25px 150px 36px;
    }

        #container-campagne .ruban.orange {
            margin-right: 36px;
        }
}

@media screen and (max-width:767px) {
    #container-campagne h1 {
        font-size: 25px !important;
        font-weight: 100;
        padding: 0 10px 20px 10px !important;
        margin: 21px 0 0 0 !important;
    }

    #container-campagne #video-preview {
        padding: 16px 15px;
        display: none;
    }

        #container-campagne #video-preview span.title {
            display: block;
            margin-top: 15px;
            text-align: center;
            font-size: 16px;
            color: #6f6f6f;
        }

        #container-campagne #video-preview div.sep {
            width: 96px;
            height: 4px;
            background: #000000;
            margin: 12px auto 4px auto;
        }

    #container-campagne .slick-list {
        padding: 0 42px !important;
    }

    #container-campagne #video-pager {
        margin-bottom: 35px;
    }

    #container-campagne .slick-slide {
        padding: 0 7px;
    }

        #container-campagne .slick-slide span.title {
            display: block;
            margin-top: 12px;
            text-align: center;
            font-size: 16px;
            color: #6f6f6f;
        }

        #container-campagne .slick-slide div.sep {
            width: 96px;
            height: 4px;
            background: #000000;
            margin: 12px auto 0 auto;
        }

        #container-campagne .slick-slide .video-img {
            position: relative;
            height: 45vw;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #container-campagne .slick-slide .video-img img {
                max-width: none;
                width: 140%;
                top: -5.5vw;
            }

        #container-campagne .slick-slide .play {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            #container-campagne .slick-slide .play i {
                position: absolute;
                z-index: 1;
                color: #15151570;
                font-size: 50px;
            }

    #container-campagne .ruban {
        color: #ffffff;
        font-family: 'Din-Medium', Arial, Helvetica, sans-serifsans-serif;
        background: #1337C0;
        text-transform: uppercase;
        padding: 10px 42px 6px !important;
        font-size: 26px;
        display: block;
        margin: 14px 25px;
        text-decoration: none;
        text-align: center;
        position: relative;
    }

        #container-campagne .ruban.orange {
            background: #154406;
            margin-bottom: 75px;
        }

        #container-campagne .ruban:after {
            content: "";
            position: absolute;
            top: 5px;
            right: -17px;
            background: #fffef4;
            width: 32px;
            height: 32px;
            transform: rotate(45deg);
        }
}

#popup-campagne {
    position: relative;
    z-index: 999;
    display: none;
}

    #popup-campagne > div {
        z-index: 1000;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #popup-campagne .background {
        background: rgba(0, 0, 0, 0.75);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #popup-campagne .popup {
        background: #0128b4;
        width: 590px;
        position: relative;
        z-index: 1001;
    }

        #popup-campagne .popup img {
            width: 100%;
            border-top: 35px solid #ff3d0a;
        }

        #popup-campagne .popup span.title {
            display: block;
            font-size: 55px;
            line-height: 61px;
            padding: 38px 65px 9px 65px;
            text-align: center;
            font-weight: 100;
            color: #ffffff;
            font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
            text-transform: uppercase;
        }

        #popup-campagne .popup span.subtitle {
            display: block;
            font-size: 27px;
            text-align: center;
            font-weight: 100;
            color: #ffffff;
            font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
            text-transform: uppercase;
        }

        #popup-campagne .popup a.btn-orange {
            transition: background 150ms linear;
            text-decoration: none;
            font-family: 'Open Sans';
            color: #ffffff;
            display: block;
            text-align: center;
            width: 300px;
            margin: 30px auto 49px;
            font-size: 24px;
            font-weight: 600;
            background: #fe3c0a;
            border-radius: 4px;
            padding: 18px 0 21px 0;
            box-shadow: inset 0 2px 1px rgba(255, 255, 255, 0.15), inset 0 -2px 1px rgb(0, 0, 0, 0.3);
        }

            #popup-campagne .popup a.btn-orange:hover {
                background: #e93103;
            }

        #popup-campagne .popup a.close {
            text-decoration: none;
            z-index: 1000;
            position: absolute;
            color: #ffffff;
            font-weight: bold;
            font-family: 'Open Sans';
            font-size: 30px;
            right: -32px;
            top: -40px;
        }

@media screen and (max-width:700px) {
    #popup-campagne .popup {
        width: 310px;
    }

        #popup-campagne .popup span.title {
            font-size: 27px;
            line-height: 27px;
            padding: 20px 42px 9px 42px;
        }

        #popup-campagne .popup span.subtitle {
            font-size: 18px;
        }

        #popup-campagne .popup a.btn-orange {
            width: 214px;
            margin: 24px auto 30px;
            font-size: 17px;
            padding: 13px 0 15px 0;
        }

        #popup-campagne .popup img {
            border-top: 15px solid #ff3d0a;
        }
}

#bandeauCovid {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FB9E20;
    color: #E70707;
    z-index: 9999;
}

    #bandeauCovid div.columns {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 18px !important;
        font-weight: bold !important;
        posiiton: relative;
    }

    #bandeauCovid a {
        color: #E70707;
        text-decoration: underline;
    }

        #bandeauCovid a:hover {
            color: #E70707;
            text-decoration: none;
        }

        #bandeauCovid a#fermerBandeauCovid {
            position: absolute;
            top: 10px;
            right: 10px;
            display: block;
            text-decoration: none;
            font-size: 18px !important;
            font-weight: bold !important;
        }

#auxiles-bandeau {
    position: fixed;
    right: 0;
    top: 36.8%;
    width: 102px;
    height: 304px;
    background: #2A37C0;
    border-radius: 11px 0 0 11px;
    z-index: 99;
    border: 4px solid #ffffff;
    border-right: 0;
}

    #auxiles-bandeau a.close {
        color: #ffffff;
        text-decoration: none;
        font-size: 20px;
        position: absolute;
        top: 8px;
        left: 13px;
        z-index: 1;
    }

    #auxiles-bandeau a#auxilesbtn {
        font-family: 'Din-Medium', Arial, Helvetica, sans-serif;
        font-size: 32px;
        text-decoration: none;
        color: #35E2BC;
        transform: rotate(-90deg);
        display: flex;
        text-transform: uppercase;
        position: absolute;
        white-space: nowrap;
        bottom: 110px;
        height: 80px;
        width: 280px;
        right: -94px;
        align-items: center;
        justify-content: center;
    }

        #auxiles-bandeau a#auxilesbtn.en {
            text-align: center;
            font-size: 28px;
        }

@media screen and (max-width:1919px) {
    #auxiles-bandeau {
        top: 50%;
    }
}

@media screen and (max-width:1023px) {
    #auxiles-bandeau {
        top: unset;
        bottom: 0;
        width: 100%;
        left: 0;
        right: unset;
        height: 60px;
        border: 0;
        border-radius: 0;
        border-top: 4px solid #ffffff;
    }

        #auxiles-bandeau a#auxilesbtn {
            text-align: center;
            font-size: 28px;
            transform: none;
            position: static;
            width: 100%;
            height: 55px;
        }

        #auxiles-bandeau a.close {
            right: 13px;
            left: unset;
        }

    iframe[name^="blank_"] {
        bottom: 64px !important;
        right: 0 !important;
    }

    iframe[name^="availabilityStatus_"] {
        bottom: 62.5px !important;
        right: 10px !important;
    }

    iframe[name^="unread_"] {
        bottom: 91px !important;
        right: 8px !important;
    }
}

@font-face {
    font-family: 'Din-Medium';
    src: url('../../css/pfdintextcomppro-medium/pfdintextcomppro-medium.eot');
    src: url('../../css/pfdintextcomppro-medium/pfdintextcomppro-medium-1.eot') format('embedded-opentype'), url('../../css/pfdintextcomppro-medium/pfdintextcomppro-medium.woff') format('woff'), url('../../css/pfdintextcomppro-medium/pfdintextcomppro-medium.ttf') format('truetype'), url('../../css/pfdintextcomppro-medium/pfdintextcomppro-medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open-Sans';
    src: url('../../css/opensans-regular/opensans-regular.eot');
    src: url('../../css/opensans-regular/opensans-regular-1.eot') format('embedded-opentype'), url('../../css/opensans-regular/opensans-regular.woff') format('woff'), url('../../css/opensans-regular/opensans-regular.ttf') format('truetype'), url('../../css/opensans-regular/opensans-regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open-Sans Bold';
    src: url('../../css/opensans-bold/opensans-bold.eot');
    src: url('../../css/opensans-bold/opensans-bold-1.eot') format('embedded-opentype'), url('../../css/opensans-bold/opensans-bold.woff') format('woff'), url('../../css/opensans-bold/opensans-bold.ttf') format('truetype'), url('../../css/opensans-bold/opensans-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Filmotype';
    src: url('../../css/filmotype_lasalle/filmotype_lasalle.eot');
    src: url('../../css/filmotype_lasalle/filmotype_lasalle-1.eot') format('embedded-opentype'), url('../../css/filmotype_lasalle/filmotype_lasalle.woff') format('woff'), url('../../css/filmotype_lasalle/filmotype_lasalle.ttf') format('truetype'), url('../../css/filmotype_lasalle/filmotype_lasalle.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.bx-wrapper {
    max-width: none !important;
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

    .bx-wrapper .bx-viewport {
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
        display: none;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
        }

    .bx-wrapper .bx-prev {
        left: 10px;
    }

    .bx-wrapper .bx-next {
        right: 10px;
    }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        margin-top: -16px;
        outline: 0;
        width: 32px;
        height: 32px;
        text-indent: -9999px;
        z-index: 9999;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            margin: 0 3px;
        }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            margin: 0 3px;
        }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

    .fancybox-opened .fancybox-skin {
        -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

.fancybox-outer,
.fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url('../../images/jquery.fancybox/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

    #fancybox-loading div {
        width: 44px;
        height: 44px;
        background: url('../../images/jquery.fancybox/fancybox_loading.gif') center center no-repeat;
    }

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../../images/jquery.fancybox/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

.fancybox-lock {
    overflow: hidden;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../../images/jquery.fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

    .fancybox-title-float-wrap .child {
        display: inline-block;
        margin-right: -100%;
        padding: 2px 20px;
        background: transparent;
        background: rgba(0, 0, 0, 0.8);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: 0 1px 2px #222;
        color: #FFF;
        font-weight: bold;
        line-height: 24px;
        white-space: nowrap;
    }

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

.mejs-offscreen {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0, 0 0, 0px 0, 0 0);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.mejs-container {
    position: relative;
    background: #000;
    font-family: "Helvetica", Arial, serif;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

.mejs-fill-container,
.mejs-fill-container .mejs-container {
    width: 100%;
    height: 100%;
}

.mejs-fill-container {
    overflow: hidden;
}

.mejs-container:focus {
    outline: none;
}

.me-plugin {
    position: absolute;
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-fullscreen {
    overflow: hidden !important;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

    .mejs-container-fullscreen .mejs-mediaelement,
    .mejs-container-fullscreen video {
        width: 100%;
        height: 100%;
    }

.mejs-clear {
    clear: both;
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

:root .mejs-poster img {
    display: none;
}

.mejs-poster img {
    border: 0;
    padding: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url("../../images/mediaElementPlayer/bigplay.svg") no-repeat;
}

.no-svg .mejs-overlay-button {
    background-image: url("../../images/mediaElementPlayer/bigplay.png");
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url("../../images/mediaElementPlayer/background.png");
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

    .mejs-overlay-loading span {
        display: block;
        width: 80px;
        height: 80px;
        background: transparent url("../../images/mediaElementPlayer/loading.gif") 50% 50% no-repeat;
    }

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url("../../images/mediaElementPlayer/background.png");
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%;
}

    .mejs-container .mejs-controls div {
        list-style-type: none;
        background-image: none;
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        width: 26px;
        height: 26px;
        font-size: 11px;
        line-height: 11px;
        font-family: "Helvetica", Arial, serif;
        border: 0;
    }

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url("../../images/mediaElementPlayer/controls.svg") no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url("../../images/mediaElementPlayer/controls.png");
}

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999;
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 10px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .mejs-container .mejs-controls .mejs-time a {
        color: #fff;
        font-size: 11px;
        line-height: 12px;
        display: block;
        float: left;
        margin: 1px 2px 0 0;
        width: auto;
    }

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px;
}

.mejs-controls .mejs-time-rail span,
.mejs-controls .mejs-time-rail a {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}

.mejs-controls .mejs-volume-button {
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

    .mejs-controls .mejs-volume-button .mejs-volume-slider {
        display: none;
        height: 115px;
        width: 25px;
        background: url("../../images/mediaElementPlayer/background.png");
        background: rgba(50, 50, 50, 0.7);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        top: -115px;
        left: 0;
        z-index: 1;
        position: absolute;
        margin: 0;
    }

    .mejs-controls .mejs-volume-button:hover {
        -webkit-border-radius: 0 0 4px 4px;
        -moz-border-radius: 0 0 4px 4px;
        border-radius: 0 0 4px 4px;
    }

    .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
        position: absolute;
        left: 11px;
        top: 8px;
        width: 2px;
        height: 100px;
        background: #ddd;
        background: rgba(255, 255, 255, 0.5);
        margin: 0;
    }

    .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
        position: absolute;
        left: 11px;
        top: 8px;
        width: 2px;
        height: 100px;
        background: #ddd;
        background: rgba(255, 255, 255, 0.9);
        margin: 0;
    }

    .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
        position: absolute;
        left: 4px;
        top: -3px;
        width: 16px;
        height: 6px;
        background: #ddd;
        background: rgba(255, 255, 255, 0.9);
        cursor: N-resize;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        margin: 0;
    }

.mejs-controls a.mejs-horizontal-volume-slider {
    height: 26px;
    width: 56px;
    position: relative;
    display: block;
    float: left;
    vertical-align: middle;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-captions-button {
    position: relative;
}

    .mejs-controls .mejs-captions-button button {
        background-position: -48px 0;
    }

    .mejs-controls .mejs-captions-button .mejs-captions-selector {
        visibility: hidden;
        position: absolute;
        bottom: 26px;
        right: -51px;
        width: 85px;
        height: 100px;
        background: url("../../images/mediaElementPlayer/background.png");
        background: rgba(50, 50, 50, 0.7);
        border: solid 1px transparent;
        padding: 10px 10px 0 10px;
        overflow: hidden;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .mejs-controls .mejs-captions-button:hover .mejs-captions-selector {
        visibility: visible;
    }

    .mejs-controls .mejs-captions-button .mejs-captions-selector ul {
        margin: 0;
        padding: 0;
        display: block;
        list-style-type: none !important;
        overflow: hidden;
    }

        .mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
            margin: 0 0 6px 0;
            padding: 0;
            list-style-type: none !important;
            display: block;
            color: #fff;
            overflow: hidden;
        }

            .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
                clear: both;
                float: left;
                margin: 3px 3px 0 5px;
            }

            .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
                width: 55px;
                float: left;
                padding: 4px 0 0 0;
                line-height: 15px;
                font-family: "Helvetica", Arial, serif;
                font-size: 10px;
            }

    .mejs-controls .mejs-captions-button .mejs-captions-translations {
        font-size: 10px;
        margin: 0 0 5px 0;
    }

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    border-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

    .mejs-chapters .mejs-chapter {
        position: absolute;
        float: left;
        background: #222;
        background: rgba(0, 0, 0, 0.7);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
        background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
        background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
        background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
        background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
        background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
        overflow: hidden;
        border: 0;
    }

        .mejs-chapters .mejs-chapter .mejs-chapter-block {
            font-size: 11px;
            color: #fff;
            padding: 5px;
            display: block;
            border-right: solid 1px #333;
            border-bottom: solid 1px #333;
            cursor: pointer;
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block-last {
            border-right: none;
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
            background: #666;
            background: rgba(102, 102, 102, 0.7);
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
            background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
            background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
            background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
            background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
            background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
            font-size: 12px;
            font-weight: bold;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 0 0 3px 0;
            line-height: 12px;
        }

        .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
            font-size: 12px;
            line-height: 12px;
            margin: 3px 0 4px 0;
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    color: #fff;
}

    .mejs-captions-layer a {
        color: #fff;
        text-decoration: underline;
    }

    .mejs-captions-layer[lang=ar] {
        font-size: 20px;
        font-weight: normal;
    }

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 35px;
}

.mejs-captions-text {
    padding: 0;
    background: url("../../images/mediaElementPlayer/background.png");
    background: rgba(20, 20, 20, 0.5);
    white-space: pre-wrap;
    -webkit-box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
    box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5);
}

.me-cannotplay {
}

    .me-cannotplay a {
        color: #fff;
        font-weight: bold;
    }

    .me-cannotplay span {
        padding: 15px;
        display: block;
    }

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
}

    .mejs-contextmenu .mejs-contextmenu-separator {
        height: 1px;
        font-size: 0;
        margin: 5px 6px;
        background: #333;
    }

    .mejs-contextmenu .mejs-contextmenu-item {
        font-family: "Helvetica", Arial, serif;
        font-size: 12px;
        padding: 4px 6px;
        cursor: pointer;
        color: #333;
    }

        .mejs-contextmenu .mejs-contextmenu-item:hover {
            background: #2C7C91;
            color: #fff;
        }

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

    .mejs-controls .mejs-sourcechooser-button button {
        background-position: -128px 0;
    }

    .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
        position: absolute;
        bottom: 26px;
        right: -10px;
        width: 130px;
        height: 100px;
        background: url("../../images/mediaElementPlayer/background.png");
        background: rgba(50, 50, 50, 0.7);
        border: solid 1px transparent;
        padding: 10px;
        overflow: hidden;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
            margin: 0;
            padding: 0;
            display: block;
            list-style-type: none !important;
            overflow: hidden;
        }

            .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
                margin: 0 0 6px 0;
                padding: 0;
                list-style-type: none !important;
                display: block;
                color: #fff;
                overflow: hidden;
            }

                .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
                    clear: both;
                    float: left;
                    margin: 3px 3px 0 5px;
                }

                .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
                    width: 100px;
                    float: left;
                    padding: 4px 0 0 0;
                    line-height: 15px;
                    font-family: "Helvetica", Arial, serif;
                    font-size: 10px;
                }

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../images/mediaElementPlayer/background.png");
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url("../../images/mediaElementPlayer/background.png");
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}

div.mejs-speed-button {
    width: 46px !important;
    position: relative;
}

.mejs-controls .mejs-button.mejs-speed-button button {
    background: transparent;
    width: 36px;
    font-size: 11px;
    line-height: normal;
    color: #ffffff;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector {
    display: none;
    position: absolute;
    top: -100px;
    left: -10px;
    width: 60px;
    height: 100px;
    background: url("../../images/mediaElementPlayer/background.png");
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 0;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
    display: block;
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
    color: rgba(33, 248, 248, 1);
}

.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

    .mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
        margin: 0 0 6px 0;
        padding: 0 10px;
        list-style-type: none !important;
        display: block;
        color: #fff;
        overflow: hidden;
    }

        .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
            clear: both;
            float: left;
            margin: 3px 3px 0 5px;
            display: none;
        }

        .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
            width: 60px;
            float: left;
            padding: 4px 0 0 0;
            line-height: 15px;
            font-family: "Helvetica", Arial, serif;
            font-size: 11px;
            color: white;
            margin-left: 5px;
            cursor: pointer;
        }

        .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
            background-color: rgb(200, 200, 200) !important;
            background-color: rgba(255, 255, 255, .4) !important;
        }

.mejs-controls .mejs-button.mejs-jump-forward-button {
    background: transparent url("../../images/mediaElementPlayer/jumpforward.png") no-repeat 3px 3px;
}

    .mejs-controls .mejs-button.mejs-jump-forward-button button {
        background: transparent;
        font-size: 9px;
        line-height: normal;
        color: #ffffff;
    }

.mejs-controls .mejs-button.mejs-skip-back-button {
    background: transparent url("../../images/mediaElementPlayer/skipback.png") no-repeat 3px 3px;
}

    .mejs-controls .mejs-button.mejs-skip-back-button button {
        background: transparent;
        font-size: 9px;
        line-height: normal;
        color: #ffffff;
    }

.headerImage {
    height: 500px !important
}

@media screen and (max-width:767px) {
    .body {
        margin: 25px;
    }

    #boiteReservation .fond.image.fondheaderImage {
        width: 100%;
        margin: 0 0 0 0 !important;
    }

    #boiteReservation .fond.image .headerImage {
        display: none;
    }

        #boiteReservation .fond.image .headerImage.mobile {
            display: block !important;
            margin: 0 !important;
        }

    div#boiteReservation div.fond.image {
        left: 0;
        width: 100%;
    }

        div#boiteReservation div.fond.image.halo {
            width: 351%;
            margin: 0 0 0 -25% !important;
        }
}